另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 / Z3 w/ @/ D5 W2 V* ~
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 ' a* s' G/ Y% C# [7 I& ?* w
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> ' @  I2 A1 K2 a
11. <input type=button value=查看网页源代码 1 j: E- r% X, R' z! b  ]
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 4 R- L$ i- I7 ^% \: a- t( d- p' r
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
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); 6 B- M* Q5 E! M' {
}   d! a: o; y  W7 t
</script>
//VBScript . U  P5 f1 Q# b+ B1 |4 O
<script language= "VBScript ">  </script> 9 v9 {! Y3 b; N/ |' Z# B
14. 光标是停在文本框文字的最后
<script language= "javascript "> " L& F# a' M' x
function cc()
{ ) J' m- X* I; f+ H2 Z
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true); 6 t* b, o5 f: Y( `" ?) [9 }
r.select(); 4 R: \' W4 ?$ t% x) ~# l
}
</script>
<input type=text name=text1 value= "123 "  > 9 X" O9 O0 h# ?5 ]8 a
15. 判断上一页的来源 . j- E6 \" s# N, G
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 & F+ \7 J- {: O/ V5 O2 [2 `
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ; |" _, \; S' D+ S: z7 z* V. b
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 9 H! v7 a8 M0 k' g' h
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ! u' `) i; D: E8 n8 a
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> ( }0 u/ f- A; Y  o  u
<input type=button value=最小化 onclick=hh1.Click()> 2 v4 H9 I( ]0 W! A4 E
<input type=button value=最大化 onclick=hh2.Click()> 7 P) i0 {4 N* l/ |0 p! D
<input type=button value=关闭 onclick=hh3.Click()> 7 m/ K) `0 Q. Q' T1 t
本例适用于IE $ d" D. d# l, e) S
17.屏蔽功能键Shift,Alt,Ctrl
<script> # o( B. r( F) r5 c. `2 q
function look(){ ' L4 Y$ q) ?* I" q# n$ Z
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL * S$ Z& J' M; h, `! }0 J
}
document.onkeydown=look; + M- [* W' M9 n  }& t& S- |
</script> 1 v0 s& H% G; W$ r3 w' M! s
18. 网页不会被缓存 * x' m5 X) ^9 u! Y) \
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> . F3 N6 k$ o! ^1 t
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> 6 l" J/ ~# l0 d) h2 m
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 ( k; q$ K0 G* t/ m! J6 _
<layer> 是ns的标记，ie不支持，相当于 <div> . I9 d! i! [- }/ `9 D
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? : O2 U( i8 S$ Y2 d8 E
让竖条没有: 7 w9 d9 L& h1 _! U( `: Q) ~2 D8 P
<body style= "overflow:scroll;overflow-y:hidden ">
</body>    T3 a$ n# ?% X; Z4 u6 T; B7 g
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body> # v+ M3 p- R+ J% c3 [8 A5 _3 s
两个都去掉？更简单了 ' S: j/ W. N* C3 p& j( R
<body scroll= "no ">
</body> 3 i; Y+ k( a* E" E) S  ^) p5 P
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> % S7 w; Y5 E: t# K( V
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">    V/ w. a( k, @4 p2 ~( N: f& {
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() " h4 J) s- N: C5 T
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 6 c2 `2 ~; O* f' z  Z
<STYLE>
body 5 K7 x9 X& L$ x  a2 F( `3 R
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} 9 r9 O% Z9 T$ j
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> % {9 p. O9 t& N. S
29. 获得一个窗口的大小 . g0 c3 \, F9 e
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 # M& [  i' G# O1 k
<script language=Javascript>
function cc(dd,dadd) ; E; `" t# c6 x1 ?
{
//可以加上错误处理 ' X& ^5 w  a! q5 ^
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 . _5 G7 ?0 s5 e/ b- U2 h- G7 D
a = new Date(a) 9 ]/ k% }" W. y5 }5 v3 g2 y
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") 1 Z; `# F/ P6 k  M7 A! n6 U
}
cc( "12/23/2002 ",2) % U! x7 R% y& ]4 s6 p/ M
</script>
33. 选择了哪一个Radio " g0 ^( h  |, F7 q3 L8 B
<HTML> <script language= "vbscript "> % }" @& u* B6 i* ~. d7 s8 l
function checkme() ' j/ l$ A! m' g7 [1 l( u8 Y  n- B, s
for each ob in radio1 6 D) A' T2 f7 e% s
if ob.checked then window.alert ob.value
next , k( B8 L. u7 r# i3 l. \: x
end function
</script> <BODY> 0 L3 ^: p- J! ]& F! [1 [
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style 6 T- \7 G3 L  X- ?
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  > 2 g4 m( G$ T6 \) P
</BODY> </HTML>
34.脚本永不出错 : ?! m  l3 f+ _3 }! i
<SCRIPT LANGUAGE= "JavaScript ">
 . B/ K; l5 @0 v( a9 b
</SCRIPT>   U! a% [8 _3 o& {+ B- e
35.ENTER键可以让光标移到下一个输入框 - M' f8 ?7 d" G5 ]) n, C0 Q& B; P& l
<input  > , r- D/ Z9 D1 Q! ?8 Y0 _; n; f
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: " t3 K) U$ b1 C  w) a* U9 M6 Q5 I7 T
<script language=Javascript> / Y( {6 [( ~* z7 D
tim=1 $ S+ [: l- d4 T) Y; l( g0 X
setInterval( "tim++ ",100) ) u; S2 p# O( Y: b9 ]7 i
b=1
var autourl=new Array()   j# ?4 z# Q1 P. _3 u
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " " R" m( f+ Q) c& t
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){ 6 k8 `# F  ]/ A1 S# s
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) - I' ?+ f& ?" W& {4 c
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 2 i/ t! `$ R$ U, b, a3 ?- l  V7 F
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ") 2 Z. g4 B% C! e2 R% Y& G8 X* x. K
} % y* V0 A) w% e8 h* d/ Q
butt() " Z. ]; V# [2 X$ \' E& q
function auto(url)   F' d, l, x" ~4 H
else 6 o# B) x3 ]" a
b++ * x8 @) ]  F2 X; J" {
}
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 ：标准光标
default ：标准箭头 ! u$ D" G  T- O. T) H
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标 ; ^, M/ F0 s2 D" ~0 _
no-drop ：不可拖动光标
not-allowed ：无效光标 ; z, m5 K/ `6 R2 v% i
help ：?帮助光标
all-scroll ：三角方向标 9 x6 K/ E/ Q8 T: m. r& d
move ：移动标 & |  n, V! R* N, H0 H: k7 S
crosshair ：十字标
e-resize 7 k1 m% ?5 k) \9 i) T
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize 7 ]8 O' W1 P, Q5 B0 r" j
38.页面进入和退出的特效 & q9 K4 _) C+ Q/ L0 c$ D
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> ( W2 i! E: h9 o4 I1 ^/ Z
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: * R0 ?3 @3 o( ~6 t$ b% y* O
　　0 矩形缩小 - g" k% H- w% H1 w! J* z2 W
　　1 矩形扩大
　　2 圆形缩小 7 ~2 r2 w" b( K$ y
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗 / }( _7 t" l9 ]; }! G5 C( X
　　9 横百叶窗 1 Y( W2 w1 K' X, i( P7 A
　　10 错位横百叶窗 6 G9 d1 U, C" j
　　11 错位竖百叶窗
　　12 点扩散 , A& l' N. f" H4 X& J
　　13 左右到中间刷新 ) r1 d+ F! {' G
　　14 中间到左右刷新 " v5 Y/ k' X, i, G; O
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下 * n& b0 G* C# L
　　19 左上到右下 5 V  O- d, v' C- K; J
　　20 左下到右上
　　21 横条 / X( u, k" q* Y& E
　　22 竖条
　　23 以上22种随机选择一种 8 X  V1 |8 @+ u
39.在规定时间内跳转 ) l, m  R. j3 A7 i) b9 _- l
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> . R2 }% E5 |1 m1 @) ~* ~" ]' C+ J
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> + R& O' K/ N" I, Y: ^# u
　　其中属性值有以下一些: 5 }# _2 f# x- S& @
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ( q$ g- {9 J. }, _( t
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 8 J( S- K, b) I7 Y4 j4 b" k
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 * i) ?. o" g" A
最大化窗口？ 7 ^) H9 a% _% A: {% f
<script language= "JavaScript "> # W5 S( o' o- c% _
 ( y/ ~0 J1 Y/ t' k; a
</script> ) V) M. n4 q1 t4 |

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> % O* b, t' ~9 g: E. `
<table> 2 x, q/ g  o( A' |5 E9 y! W# @
<tr> <td> item 1 </td> </tr> 0 j5 _& ~" k* [; }+ c0 P/ T
<tr> <td> item 2 </td> </tr> % ~% a- O: L; W" `5 q& V$ v
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr>
</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>
</div> ) X; R2 `. Z% r- w
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select> ) R. k( I4 c# N, _* f3 q
</form>
输入框也可以做的很漂亮了 ' q- y8 ]6 A  K5 e2 J" W
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input . z2 i+ ^' l- H) A7 P
         name=answer 7 T8 x3 N) w9 e+ u
         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) "> + N9 R( B) ]. z; \+ g: K4 @6 v: ]; e. n
                     　没回答的题数： <input
         name=unanswer id= "unanswer " 7 ?% ?, U2 k2 g4 Y( i0 i# [
         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/> 0 x, ?; ?1 [6 Y
                     总得分:
                     <input % Y5 r& U' Z/ T
         name=score id= "score " 7 V/ Y% J$ J4 U
         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) "> ' V2 \" \* D4 t+ a7 S
                     　结　　　　论: 1 [, E- `  I7 p+ J
                     <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) ">   k8 E: \% r' V* f; |1 ~
                     <br/> $ V. F2 x4 j* `  K  g6 ^
                     <br/> 4 a% z) k) t* d; v
                     ; r& a6 X9 ~8 d* z6 }3 U
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> 8 [2 \: c3 h7 B
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 5 R( @: ^' z( ~' r
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> + D: \6 z, z) K4 ]0 ~$ P2 Q3 E
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object> # e2 Z  }3 O9 W9 O
</body> 4 C& {( Z9 N% n% g3 A3 a" F
页面自动刷新（说明） ( E, E1 m8 Q/ ]) [
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面.
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 1 |. R, a$ c% O6 |. F
页面自动关闭
5000是指时间 <body  > & u7 U. ~6 N! _
弹出窗口自动关闭
10秒后弹出窗口自动关闭 - i" G2 I; j' |. T! K2 w2 |. `
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> + ]# h* C( J. f# H
head ( V' U+ \, Y  x4 ?
<script language= "JavaScript "> ( g3 I! w! c% W& K9 S3 I
 / x! I: j2 u7 A* x0 |
</script> 6 n. D6 `$ S+ [3 G9 Q4 f  R) f
<body> 注意：这段代码是在新建文件中的 + E( r6 }, z5 p) ?& [3 p  b. J3 }4 x
<script language= "JavaScript ">
  function closeit() : Q% F3 o' K& J0 W# X
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 4 k  ^, _3 N" v2 N! O
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 6 d# `2 e5 G0 G* s6 `. W- H
</object>

1 评分人数