另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table % C7 Z" [. j, R1 O% U
2. <body  > 取消选取、防止复制 ' X. C+ R3 R- |1 C
3.    不准粘贴 5 p% v) o' h2 U6 o8 M
4.    防止复制 5 j0 _9 b& ~. e5 V6 \# \) G- C# D
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 - @/ h! F9 }2 f+ s: b1 \8 y
7. <input style= "ime-mode:disabled "> 关闭输入法 1 @5 f1 u- `+ n0 J7 J
8. 永远都会带着框架 # Y% k" g- I9 V/ ]8 @0 n* D
<script language= "JavaScript ">  </script> 5 ^" M, i( O5 r% ]( R( X& |+ n
9. 防止被人frame 0 G7 E' C0 O* y3 ^4 y# I% N
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> 5 C, W, l5 B( I$ o4 q$ p3 M" v
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> , g% x. H2 }7 R6 ?1 x& L
11. <input type=button value=查看网页源代码 , T! i3 ?% V& }: p, r
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> ; x& }$ _1 J% ^( y; k. C, Z: f( ], H
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> # \1 `1 }# d5 y# f
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
}
</script> & ?$ w% d  w8 ~# t& I
//VBScript
<script language= "VBScript ">  </script>   j: `' h& O" I  m( x" G
14. 光标是停在文本框文字的最后
<script language= "javascript "> # M6 `% }# V: j9 o
function cc() 7 H! c5 `+ K8 [. ^( j1 z
{ 8 V: D( K+ w  D3 H
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); ; V8 a: k% N9 m& K% u# H# i
r.collapse(true); 6 y7 ~2 D7 `) A4 U" ~$ f
r.select(); ! s4 v! P4 @7 t1 i
} 6 q4 [4 n/ g  D( `
</script>
<input type=text name=text1 value= "123 "  > % C1 Y" I( A1 g" `% A3 J; q! v. z
15. 判断上一页的来源 7 s2 U# e+ T% N9 l* A4 Z
javascript: ! p' ~0 W) g) B3 m+ I
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ! Y9 Z. C: C2 L/ ~" e- U
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ! j1 v7 J! r" A5 P  Q2 u& s- I
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 0 O) b( ?! X6 ?) K) ?$ y6 _
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 0 F' [) D3 w9 V4 j* c9 n
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE $ i5 z& D7 f. f$ d& t
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ * R. o( r+ a4 s, ^" H( o+ k) A
if(event.shiftKey) 9 {3 ^( ^; [. x% m
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} : F7 \# f! Z( y  U; ~$ R
document.onkeydown=look;
</script>
18. 网页不会被缓存 + U) _. u$ @  K  t, ?$ I" p
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> $ ], K! c' _) n! w( f
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> 7 S5 F) }% W* y7 v6 v8 `
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ ; l  U: P/ h% W3 j: _# _) J2 b! T) e3 h
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ 3 n$ @2 _6 B3 q
<div> (division)用来定义大段的页面元素，会产生转行 / p  J4 n  r" }
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> . }6 A4 a  O8 E4 t+ H' y4 x3 I
21.让弹出窗口总是在最上面: 3 r( I' ]/ n, M# n$ ]& R/ s
<body  > : x! |" P  Y7 _) G8 `# S1 ]
22.不要滚动条? 9 }. n0 W5 \# _+ p8 e# L/ z
让竖条没有: 0 _) U1 d# ?9 L) M- S' ?
<body style= "overflow:scroll;overflow-y:hidden "> ! n* B9 l6 X9 b; U. i' M; G# y
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> 7 ]0 J: ^& |. l% N& m
</body>
两个都去掉？更简单了
<body scroll= "no "> 5 t( j9 ~# M6 U0 u- `
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 1 z8 y" d2 u9 o. U, S# l* X: y! t7 U
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 0 b, I2 E5 m+ ?8 h6 A
<input type=submit>
</form> ( f- Q, |" S: o$ G* p0 {
25.在打开的子窗口刷新父窗口的代码里如何写？ 9 D" r$ a, C2 W
window.opener.location.reload()
26.如何设定打开页面的大小   _' L7 y5 b' ~0 z
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> 2 V$ P, `, ]) n/ F" ^* {! V
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; ' e8 r9 a8 t) L. t9 t
background-position:center;background-attachment: fixed} : D# {3 d% w. P. S4 J
</STYLE> ' b1 D- d5 Z  \5 T( l. m
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小 ) M& N4 v; R# y+ c# G' M
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); / T* K" `( q% F6 O+ Q. e
31.TEXTAREA自适应文字行数的多少 ' p0 R/ ]# k' B
<textarea rows=1 name=s1 cols=27  >
</textarea> & I) v! Z+ R8 a  ?
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{ 4 y; Y- f$ ^" ^9 v$ Y; Q
//可以加上错误处理 6 m) \$ o" z  _( `' F
var a = new Date(dd)
a = a.valueOf() ' j( M) X( Z6 W- f' r" w5 m9 _* |- v
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) # R: p6 N4 b  d& K( [
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) - s5 H; E/ Z5 L) w4 f- t8 [6 Q
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> / q1 W: o: M# ~/ j( f1 j, K
function checkme() 2 v& v) g/ {# M. r% h
for each ob in radio1
if ob.checked then window.alert ob.value
next   i6 t# ?$ `2 F+ A2 o  N7 k' k7 m0 g
end function ! u9 B. J! O! b" j4 P
</script> <BODY> 6 c) C6 ]& F' U( S
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">
 ! q' p: W. P( k+ C) u: v; i$ V
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  > ) v# j) W# v: n0 r& X3 ]: H9 K. s
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1   ]4 e5 Q6 q# r0 _* M: I
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " * w* V/ S5 v/ A" s& I7 f9 P3 I
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " , r% H" R7 Q) o& t; r" A
function butt(){ # k" _) V, I$ _0 o
document.write( " <form name=autof> ") ! r0 L8 _, Q! z" B* ^$ X/ q
for(var i=1;i <autourl.length;i++) 9 X3 j& [8 z% ?/ I
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text . l4 l0 ^0 N4 q% c
name=url "+i+ " size=40> =》 <input type=button value=GO 4 s; a8 H, }, N% R
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
} " s+ w9 ]5 L7 w! @( w7 }8 f( D
butt()   {5 h6 c' a# `4 b( y
function auto(url) ( p5 Z. |* U' a. C7 @
else ' N- m- t1 q2 |0 X, {; f- o
b++
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script>
37. 各种样式的光标
auto ：标准光标 . m. E* t, f' P( J! T% X7 t
default ：标准箭头 + ]6 W: {0 H  _! H5 N- K
hand ：手形光标 & M2 L: d/ b* P- U8 }: e, J9 v9 c( b
wait ：等待光标 : I5 k# T$ M$ u/ j2 d' @1 a' o
text ：I形光标 * m+ v5 E4 ^5 K, U5 J5 s
vertical-text ：水平I形光标 7 z" ~+ Q& j( ]+ g) m
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标 " }1 ~( a% |- T/ w; K6 j
all-scroll ：三角方向标 ! V: i! O1 V& o
move ：移动标 % l9 B& f0 `: L8 i, e% O/ G5 E( u* Y! n
crosshair ：十字标
e-resize
n-resize 8 F/ v$ H' G. i# N1 D
nw-resize 5 D6 b* Q: g  i
w-resize - z/ h: v" T( K/ [' b; O
s-resize ; H2 @2 z, m/ v( E7 P# L! z( X/ r- S2 I
se-resize + w/ z+ T0 y9 P6 M. ~% ?6 \
sw-resize / B- G; Q3 T2 s
38.页面进入和退出的特效 $ e/ o4 m8 K$ c$ g# R( k
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 7 Q" E) W# h  j: ~
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大 * f* B& X. @3 v8 t2 F, ~
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新 % D) Y( C' I8 J
　　7 右到左刷新 * C6 \& e0 y* C( f2 a. t! M
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗 / T- l+ R+ O" A! F
　　12 点扩散
　　13 左右到中间刷新 ( w' j: F9 M! k- q' _2 n
　　14 中间到左右刷新
　　15 中间到上下 7 W# W$ o7 ^- E9 O* o* O! B
　　16 上下到中间 6 c4 J7 x& ~0 e, X
　　17 右下到左上 / n5 `$ T" a$ |+ m+ c# a
　　18 右上到左下 ) @# o( o. O& a
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种 4 i% k4 x% |( Q* ~, m' u7 j5 {% b9 Q
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> * G) z" ?! v* r  z* [+ ~( x& W
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； % U3 o* l5 s' w# P( a9 w
　　属性值为 "index ": 文件将被检索； & z# `" ^# Y* j4 `6 ~6 i# o
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； % K7 G; [7 k4 O$ I+ V
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ 0 B1 \7 X" l& [& q# j' r' `
<script language= "JavaScript "> # h$ Y7 m# K1 z3 E
 + H% v. m9 H  D( K; R
</script>

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： ( \+ ~' ?& I9 A* v; f" n' @
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> $ r: Y2 k5 ?* ]2 U$ U; z
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> . q! N& R- R/ _) y- `! ?
<tr> <td> item 4 </td> </tr> 2 F" N9 m: ^, c6 _7 v
<tr> <td> item 5 </td> </tr> : {+ u2 t; \9 A; M0 P
</table>
<iframe src= "/blog/javascript:false " style= "position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter= 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0) '; "> </iframe> ( l  F2 C" \! m8 X! P3 S
</div> : S* N3 _: Y% S8 ]# K  l8 k
<a href= "# "  > menu </a> % b- h) T. l! k- N
<form>
<select> <option> A form selection list </option> </select>
</form> ) n+ d! @4 k+ w" P4 J$ W* d; P
输入框也可以做的很漂亮了 4 J9 ?& I& W) ]3 D; s: u' z3 Y
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input
         name=answer 8 ^2 U- p* d4 A: [  S( ]
         style= "color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192) ">
                     　没回答的题数： <input 9 _/ r& r" T2 o+ x! z' d
         name=unanswer id= "unanswer " . e2 T! F3 z; c$ r
         style= "color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192) ">
                     <br/>
                     总得分:
                     <input 5 @' b8 H/ L5 W+ h
         name=score id= "score " " X; ]! C# @2 J2 z# k1 t
         style= "color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192) ">
                     　结　　　　论:
                     <input
         name=xgjg id= "xgjg "
         style= "color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192) ">
                     <br/> & `* J. N( _) Q( l! {# A  i5 n
                     <br/> 5 N0 ^+ i: E1 k
                     ( ~& _3 z, e5 u3 i- n/ J# |
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> " R5 ?4 X8 ^  m; Q* H
注意：修改 <body> 为 <body  > 即为打开最大 # ?" K4 Y1 e* B
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 ; d) y5 I, Q9 ~$ Z& ~/ u
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ( j* T% B5 I5 Q. ^5 @1 _
                     <param name= "Command " value= "Minimize "> ) f3 ^- U5 |# H7 K( f
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 2 Z5 v7 B8 S; o7 s( ?5 y) Z
                     <param name= "Command " value= "Maximize ">
                  </object> ) D$ y+ |/ Z" `' F* |+ Y
</body>
页面自动刷新（说明） & ?, O" H* w8 I$ X
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. / Q0 l- Z5 X7 `, u! B- N4 f
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭 * o. `  f- d9 ]. d
5000是指时间 <body  > 7 U- Y8 I: @# Y
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head - s$ N- r2 B/ k# q6 N- ?$ P, X% C* o
<script language= "JavaScript "> ; f& q9 E! A; Q6 v

</script>
<body> 注意：这段代码是在新建文件中的 - Y3 K# a# {5 W& l, U
<script language= "JavaScript ">   S5 O0 j7 u1 a  K$ V/ D8 _
  function closeit() 2 l6 j" m4 v" Q
  </script> ; k% v) t3 O- o/ c6 ?* b
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 2 T+ t6 h0 r% c6 D
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> % b  F, u8 f# w5 y' D
</object>

1 评分人数