另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table   ^" ~, F" f, x& n( U  \8 ]' a$ Z
2. <body  > 取消选取、防止复制
3.    不准粘贴
4.    防止复制 # D2 w1 D/ j) I
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 2 v6 b$ O0 x% S1 B5 W
7. <input style= "ime-mode:disabled "> 关闭输入法 9 y& t4 C  C- d5 e, C) s
8. 永远都会带着框架
<script language= "JavaScript ">  </script> 9 E2 s  @7 p) A, K; E
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 4 x5 o- j0 I' a# n% B! W# p- ?
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 , {% N9 W" w' ]# x; \9 Y
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript : @5 e* m! a% f1 v
<script language= "Javascript ">
function getIE(e){ ( H% S: s) i- f) {7 p
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); ! u/ |  i3 `. }
} ! x" c" W9 Z3 L/ P
</script> 8 C( @8 \$ S, J3 \- u
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript "> & w! T7 K8 k$ O$ t2 i3 X
function cc() 1 s. v% i5 u5 h( x: h
{ 4 G! ^0 x1 [2 }% y
var e = event.srcElement; ( p/ r% w; I- Z8 b3 ?0 _' t- r, L
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); 1 H  g; r6 r, \! D; ^* C9 l0 |; p
r.collapse(true); % f2 X. r0 R, D( z. j1 n
r.select(); - o& ?$ ~6 b  `4 X) o% l9 y
} & A/ B& u  L2 j: q5 M
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript: " h) c% f  G/ n+ I+ C
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 3 N3 b3 C) o( t3 I7 W) X
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> / A6 B  S3 f  N
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> 2 ]9 v. @& X; `, T' t
function look(){ 9 O0 P8 |/ l# u' l" [+ l! ]
if(event.shiftKey) " T& n, J+ w7 t
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look; & b- D8 O8 d" ]+ U* M- r
</script> * N' Z9 _8 E7 Y4 o" {
18. 网页不会被缓存   ?0 Y% |3 w; ]$ A7 q7 Y) z
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> " t- Q( l+ N( B9 e  S& S
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> " j7 A9 r* v3 V  U( u: Q
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> # P% G+ Z. C, R
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 7 M# @# W$ b! \( N  l
1 solid #000000 "> </textarea> ; m! j# }( |8 t
20. <div> <span> & <layer> 的区别？ ! R: B1 M! q: _' W, |: w$ \# e
<div> (division)用来定义大段的页面元素，会产生转行 ( f- p7 }2 h5 ~& R, v$ _! L
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 % y% ^7 L4 o# J
<layer> 是ns的标记，ie不支持，相当于 <div> ( b0 U) H: K  K9 `3 H  R! q
21.让弹出窗口总是在最上面:
<body  > - I7 l% p8 d; G) u+ S1 v
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> * ~: S" e  f% ~7 z) Z
</body> , Q8 Q  {& D' F5 ^8 Y% q
两个都去掉？更简单了 2 v, ^& Q; A) e" T
<body scroll= "no "> 9 Y0 M8 |' n" {3 A
</body>    j, r" _; x9 x5 i; c
23.怎样去掉图片链接点击后，图片周围的虚线？ + r/ j0 i5 O; h+ R
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 4 ~$ c9 Z6 ]( I
24.电子邮件处理提交表单 ( r$ a0 y7 M6 G$ I$ X* G/ U0 e: ^
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> ' y* U1 s: _- M
</form> + t5 C( A6 N. w' f) ]5 Y& P* j
25.在打开的子窗口刷新父窗口的代码里如何写？ . L: t5 O% @$ D, h: Q* G# N! u
window.opener.location.reload() - d! `* i  z" Q/ y2 T5 j3 j$ f
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 . {4 v' k2 q( S, P& o( ]
<STYLE>
body & v$ Q4 b$ g6 n
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} " b, n/ E$ p! y  o' ]
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> 7 m+ r) p7 F( j2 z! Q
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); 5 K) c  s9 U4 z3 J
else alert( "全是字符 "); ( H4 F5 ?- a8 }) ^$ I( Z/ K
31.TEXTAREA自适应文字行数的多少 + P9 ^) q8 D! H! z) r7 C; r  N, u& {7 W! ^
<textarea rows=1 name=s1 cols=27  > % s1 T- j" H8 [6 p5 s, ~/ P
</textarea>
32. 日期减去天数等于第二个日期 2 |4 v! A0 U, [1 U1 D, j
<script language=Javascript>
function cc(dd,dadd)
{ " I5 a) U/ Y: A* J! @- Q: S
//可以加上错误处理
var a = new Date(dd) 3 f) g. l. y( _
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) ! B& D6 h" V  ~0 |- D/ B
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") 8 m& K, H  X( A& {
}
cc( "12/23/2002 ",2) ) z0 P1 H/ n4 F- r$ U* T0 Z
</script>
33. 选择了哪一个Radio 6 \) R( e: `+ I- j2 ?* a) ~
<HTML> <script language= "vbscript "> & m3 G2 A# R/ l' f% `
function checkme()
for each ob in radio1 " O% Z" E+ ^5 e" U
if ob.checked then window.alert ob.value * ?* ^- i1 E+ P9 y0 ~* u/ ?. L* W
next 2 P8 P  o: h( L! ]
end function
</script> <BODY> $ t& ^9 U- V0 x. e; z) r- S
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 3 B# C( K) I) ?9 a) K* X; ^0 {
<INPUT type= "button " value= "check "  >
</BODY> </HTML> ) J; y. p: k# X6 \  W( J
34.脚本永不出错 : y' W0 s: ^/ X/ s: I
<SCRIPT LANGUAGE= "JavaScript "> . x) f# Z* d5 ?, ]

</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： 4 o8 w% H) @' s
把如下代码加入 <body> 区域中: # `9 w5 P& a+ ^
<script language=Javascript>
tim=1 . E& Y( z5 [2 Z7 I4 F. g+ E
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " & J2 v* {+ r9 K+ S# j. D9 k
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn " & D$ ^# `+ C: a4 }
autourl[5]= "www.cctv.com " 9 y6 p; ?2 f& b$ o
function butt(){ 5 U5 C8 T; g7 A* e6 |  b- M
document.write( " <form name=autof> ") 8 A# J! s5 v7 M$ M
for(var i=1;i <autourl.length;i++) 2 Y4 I* F; w: v& f/ H- q% c  P( `
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 8 k2 J. R( z& J2 B- \" Y* q: N. U8 [! }
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") ) Q5 ]8 H9 j: Y9 E) S  M3 I
document.write( " <input type=submit value=刷新> </form> ") 9 t& J+ V# u3 i& y
}
butt()
function auto(url)
else 1 Z: P& C0 @/ n" L) X5 W! x2 o1 {
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 ：标准光标 * h9 l8 X# s4 M! z5 v
default ：标准箭头
hand ：手形光标 4 a2 O4 f8 c+ K) v8 U7 l& [) K! j
wait ：等待光标 % C+ A" J( J8 j: T. b0 s6 ]
text ：I形光标 7 R% u2 d- N, Z: H- q
vertical-text ：水平I形光标
no-drop ：不可拖动光标 - O3 b: ^# g% o3 y; n
not-allowed ：无效光标 5 X8 Z: a9 n# |6 M0 ^
help ：?帮助光标 # ?0 G! S9 o$ t# \
all-scroll ：三角方向标 8 t6 z8 G7 f  I. R
move ：移动标 3 Z" e1 ^+ j+ o3 k; q1 W# d
crosshair ：十字标 % U. j( `( a  e( w( e: m: V, ~
e-resize 7 M9 h4 J5 v" C
n-resize 2 x2 Z; c; Y+ w1 K2 f
nw-resize
w-resize 1 h8 j& U( _" M) G/ G1 e
s-resize
se-resize ) v) n5 r/ }- i5 R
sw-resize - \. B. d9 C  `: Y/ X0 V9 K7 E
38.页面进入和退出的特效 - [) f7 n  o5 M7 v8 d
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    5 o" s3 h+ @. o4 M8 I7 I
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大    t1 L/ y/ O% W- g4 L7 T: I
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新    A, {' T2 ~$ T$ L5 F5 V% ]0 Q
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗 6 W6 `6 a3 y' @# J6 ]
　　12 点扩散 0 E5 w9 y+ G* g
　　13 左右到中间刷新
　　14 中间到左右刷新 " l" c& M: H9 D+ \" L, w! ?& n) U
　　15 中间到上下 . E. ~) t0 K' f; a* x' B
　　16 上下到中间
　　17 右下到左上 ( d+ L# [' b# ^
　　18 右上到左下 ( {( a) o$ U8 M* N5 v, K9 c
　　19 左上到右下
　　20 左下到右上 # a# W8 {- }9 P  v
　　21 横条 ! I) R: W3 I- G3 B- M2 e, L2 z
　　22 竖条 # }" ~0 c$ {, l8 K) A, t5 K+ C
　　23 以上22种随机选择一种 ' z6 D/ b4 C1 E, e. ~
39.在规定时间内跳转 5 R2 M' O6 ~3 H5 D& @  d5 T
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 . H% [& z& I% [7 h3 U' ~
<meta name= "ROBOTS " content= "属性值 "> 9 t% e$ g  T  u- i7 Z
　　其中属性值有以下一些: ' O* e/ j/ }1 i1 n3 O. H
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； , V' a; b. W9 r6 \
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； , P% b. _9 v4 }* d  I5 n) R
　　属性值为 "noindex ": 文件不检索，但可被查询链接； , i% N* @/ h4 G7 Q! @
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ : W! R3 L! Y6 h! h; x+ l
<script language= "JavaScript ">
 * O; j: c9 [1 x  F& W% \
</script>
0 t. r" t9 c9 n) b6 N4 B$ n4 F" c" R
0 g& y; c; s0 G* }" d* ^
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： / c* \9 y3 I) _& i- f4 s- Z1 ~
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 4 g1 Q# Z' L! L- E2 |1 N- H
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> " h8 d$ ~0 ]2 o* o
<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> $ N) t' E( z8 z9 M2 V, l7 `  L/ }
<a href= "# "  > menu </a>
<form> ! p% L6 F. _7 A' v4 P5 D, z4 N9 L
<select> <option> A form selection list </option> </select>
</form> ; ?  s2 }5 `! Z  }
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input / l$ L2 }9 e  T& B' X! G
         name=answer 9 {. r2 G8 h- O9 f+ s2 M+ F4 b
         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=unanswer id= "unanswer " 8 z. Z# V. ]! `: f& h, _) ~1 Z4 j" h
         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/> - k- G; T0 ]& j' G
                     总得分: 5 I% `- X8 L4 e! P9 S% y. L
                     <input
         name=score id= "score " ( D; R0 g8 e  j' k3 A! W5 b5 ]
         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) ">
                     　结　　　　论: 0 l# @# [! a3 I$ w$ S! w
                     <input 1 _1 M+ m: T1 A( t( k% S8 |( i: e4 z
         name=xgjg id= "xgjg " - H  m  x4 z7 h# 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/> 5 d2 g8 ]' W$ q6 }* O* M
                     <br/> 7 [+ B+ y* w7 R9 q- q

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> 1 |# n. s# s0 t/ U' r
                     </div> # h7 k8 S0 Y8 B2 o! T
注意：修改 <body> 为 <body  > 即为打开最大 ; \2 D# \6 q' u0 w+ d
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> " O8 `) |! t% a! I8 u8 X' l
                     <param name= "Command " value= "Minimize "> ) E9 `: E1 a# `- }" A0 R- r
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 8 ]" n+ {( @1 w( {3 Q
                     <param name= "Command " value= "Maximize ">
                  </object> ( ?. F) o2 c: o" F. I* d
</body>
页面自动刷新（说明） $ R% R# S8 r- M. L) [1 f) H
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. , L, Y3 J) m! {5 I0 F, l* N
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 , ^1 v3 F+ a/ b; E9 `+ O) X
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭 1 b( ^) W& ^0 K) G" I; o) C' Y
10秒后弹出窗口自动关闭 * W3 p+ ?$ D; w: i. u& _
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> * x3 ~% A4 H) X! J( [# D
head
<script language= "JavaScript ">
 " E, d2 Z5 ]$ d1 ?/ ^
</script> , I' ?2 H, q2 S
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> 1 P. D  L- Y% e
  function closeit()    D) r/ T6 E+ J/ }
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 3 S3 f' f" g. P& W7 X! m
</object>

1 评分人数