另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 ! Z8 m% Y" w$ _* @8 c. w
3.    不准粘贴 - l) s! d; y) v! [
4.    防止复制 ) m" o+ n+ V- W) a4 d1 s1 ~: z
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 ' n8 g+ h- _! [% T
8. 永远都会带着框架
<script language= "JavaScript ">  </script> , G( ?/ H9 f& h( o  `
9. 防止被人frame & F3 z* b, o8 c; f: E
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 0 q4 I; R$ [, u. r& ]$ o6 I
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 & E4 Q4 _2 P1 g+ t" m9 ]9 _
//Javascript . a: h: @9 M1 Z' k2 W$ x
<script language= "Javascript ">
function getIE(e){ - A6 g7 ?( O9 T. U1 W
var t=e.offsetTop;
var l=e.offsetLeft; ( K. y, B2 C0 |4 {; a
while(e=e.offsetParent) ( q, h1 n5 b/ E; d
alert( "top= "+t+ "/nleft= "+l);
}
</script>
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 - }( o, q' R/ w, R4 `2 @5 l+ N
<script language= "javascript ">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();   m" z' l# T& T  Y7 e  ?+ Y3 Y
r.moveStart( "character ",e.value.length); , R4 r' D) r2 q4 H, L, w# G% n
r.collapse(true); ( A* O  X- c' p# b* U( H$ t
r.select();
}
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 5 X; m# S7 B9 `3 i/ D& @
javascript: 1 Q" I0 l" k3 N; H9 u$ l# S
document.referrer
16. 最小化、最大化、关闭窗口 , T0 }( s& |. l( G# b
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 8 E8 a) p: f3 y1 W# f
<param name= "Command " value= "Minimize "> </object> ; B" y9 z" j. R' @) s5 i
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> " R- I: c( n- y# s% n
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> , e* `' S- b2 t) f, n8 b
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> 1 h& Z* x4 p% K9 ]0 `
<input type=button value=最大化 onclick=hh2.Click()> + ^+ I+ D1 H8 I! a( |9 H
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl * a) w7 `: E% L1 O' q7 S( ]
<script>
function look(){ ! w' u1 ^) Q. ^2 F9 u$ A# |
if(event.shiftKey) 0 S6 Q; l4 G- w+ v4 B/ `0 R
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} : a/ R9 P5 c( `4 z- m8 ]) c
document.onkeydown=look;
</script>
18. 网页不会被缓存 ' U5 I! Q1 g6 m1 [! ], m
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> ) `( K+ |$ t2 I3 P1 e4 K" d% _5 }9 Z
<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 "> * J( T! z+ Q4 F, G+ Z3 B
19.怎样让表单没有凹凸感？ . b$ t3 c5 Z4 `! A' b# w- ^+ \
<input type=text style= "border:1 solid #000000 "> # g- Z# r, P+ D8 c) X5 \+ r9 K* \$ |4 |
或 7 I1 Q4 c* V, ]0 o
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: , t7 e; ?( R2 E, u/ a4 U1 ^
1 solid #000000 "> </textarea>   k9 _1 V, r1 Y4 O( @5 U
20. <div> <span> & <layer> 的区别？ 4 Y" j7 v1 k% a7 |
<div> (division)用来定义大段的页面元素，会产生转行 1 k9 J  C3 s( Z5 `# P
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> " Z" n6 q8 }# t3 w& Q) i& E2 W2 }
21.让弹出窗口总是在最上面:
<body  > % I1 U# S/ H9 x' `8 ^' j' m6 B7 O! @0 R
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> 0 @4 r7 i/ e$ Z  H% l
</body>
让横条没有: 9 M5 b8 F2 O! H: Z
<body style= "overflow:scroll;overflow-x:hidden "> ) Y; D7 W! i/ _- a# r/ V& v
</body> & z! f8 k: L9 ]: l& Y# N
两个都去掉？更简单了 4 H: n8 T  v; \: c6 q! H( n
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> * P& l9 e' l$ |/ {. u
<input type=submit>
</form> 0 G" ]- Z, z4 ]: v/ K: Y
25.在打开的子窗口刷新父窗口的代码里如何写？ * s6 d: l, K' W% D4 H
window.opener.location.reload() ; ]; o- g/ s: Q0 G: f) A3 P* K
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 1 l. D$ B$ H+ l9 H7 u0 G
background-position:center;background-attachment: fixed} + ~7 a/ N8 w% y8 W
</STYLE> - Y, y$ B& {+ {* Z0 S: n4 F
28. 检查一段字符串是否全由数字组成 2 {" I( O0 t  s4 {, q3 I7 _3 m& f
<script language= "Javascript ">  </script> . M$ U- s' A$ L9 ^9 g
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight 8 e+ h" ~* }9 C% }) ?% K) |
30. 怎么判断是否是字符   R3 N& ^# A7 P% n9 i
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); ; |- Z" R3 t* ~/ {. o) e8 w
else alert( "全是字符 "); ; V9 H4 N" L9 L4 h$ {6 g2 L
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > ; ]# [5 l+ v0 N  C9 G7 r
</textarea>
32. 日期减去天数等于第二个日期 5 W" c( x0 |& x, @0 u! z+ C4 T( ?
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) 5 x. I6 c- o. M6 O5 p2 Q
</script>
33. 选择了哪一个Radio $ j0 M# h' B( h1 H' g
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value 0 G3 [$ F3 }( r- J8 W
next , p5 |/ X7 f/ x1 U" P  J
end function 0 r0 M# m7 o1 M8 Z) f
</script> <BODY> 6 u" y& w: V. r7 \1 A6 f
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style & {- [8 c) j1 q9 Y9 i1 k( d7 T+ x
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML> 3 }2 a+ ^- \& ^# s; k, \. x
34.脚本永不出错 8 S: c9 G1 I; ~3 x! S9 B
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> & d) K5 C5 A* b2 ^" n+ E: ^
35.ENTER键可以让光标移到下一个输入框 , P" c, `' w& y$ D& V. V9 w
<input  > , w8 k: m$ J& m# ]; b( v! G
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: 1 A- _# c# ^/ E% r# W- S
<script language=Javascript> 9 @# x$ Q4 u( b5 |
tim=1
setInterval( "tim++ ",100) : B5 z' E' u6 m  l$ I
b=1
var autourl=new Array() & J6 |2 x. L- h) ]  m# n4 M
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " ; u+ Q* s: C1 x* Q# k& z; }
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){ 7 i. J* R+ Z$ S  y/ h
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text : e3 `: L# ~, b6 ^' X! I
name=url "+i+ " size=40> =》 <input type=button value=GO 8 q) i% }! w0 a/ n# o1 `
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ") ( L1 i& H7 E3 T( K0 L
} ; c' ^2 s8 C1 ]1 O( x, F) Y: Q
butt() - F- U' ?8 l# r- D; C
function auto(url)
else
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. 各种样式的光标 * V  K1 j3 u- a! Z
auto ：标准光标
default ：标准箭头 ; W' }0 G7 e+ r2 o7 v3 R
hand ：手形光标
wait ：等待光标 / J+ h2 W# Y. ~& h
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标 ) I& m9 l2 z: r- C( _/ g& K
help ：?帮助光标 7 U: R: J& y6 S7 U  f
all-scroll ：三角方向标 % v! n7 g' q% V7 t; W/ \
move ：移动标
crosshair ：十字标
e-resize 3 l) ^8 Y& ]6 v; q8 Q
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.页面进入和退出的特效 1 E- o/ p  s2 ]$ w, p4 t
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    ! x- f; C) E: _
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: % h7 o: t. _% W
　　0 矩形缩小 2 K! a! p! e6 a7 [" v  ?
　　1 矩形扩大 ! o; b/ k2 ~9 y: c4 D
　　2 圆形缩小 5 s9 M" j  N& P$ H7 m+ Y/ E/ L& m
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新 & K  ]1 l' i* h/ q9 O' J8 j' Q( n
　　6 左到右刷新 8 a# I/ m8 M" p+ h7 C  f" K
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗    f6 g: |! G( |: F
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散 : V, ?3 U+ |% S, {& H  d
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 + K! Q! K- y- s; Q
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上 & J3 i) d1 Z9 f# ^& \
　　21 横条
　　22 竖条 . I7 c- o3 v9 N# |- r/ P- s# g/ P
　　23 以上22种随机选择一种 9 A' h$ W' Y# h+ g1 m
39.在规定时间内跳转 ) A7 T6 S2 F$ N# o/ b/ I. o4 U" n
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 0 F8 I  W3 |$ s5 ^6 h
40.网页是否被检索 3 _# U! p1 ]7 |& |; A* C
<meta name= "ROBOTS " content= "属性值 "> 9 {  F! }$ l( z0 ]' T1 _
　　其中属性值有以下一些: 2 z" N7 }# u, o; J
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； + g0 a) `5 c0 \) h) ]0 p: n9 r; U9 K
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索； 5 v" e" C/ k  o  T
　　属性值为 "follow ": 查询页上的链接； + a+ G5 a6 ]& u: A9 Y; h; [
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 7 r$ v. v# a# g5 h. \) W9 t0 Y- o
最大化窗口？ $ f. a8 F; _% D1 `( w, ?
<script language= "JavaScript ">
 " o! D6 Z* U4 t# L0 S' w  {) Z8 d
</script> ) A' E; u! F" r: \0 S. U

) l- D# R# q/ d* p0 p8 I
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> + {+ p8 _; D8 h; c# q2 M! f
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> 5 k6 N5 f; i) t: g6 h8 Y
<tr> <td> item 3 </td> </tr> 4 ^$ i- {5 r" o2 y' c% A0 j2 {* O) x
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> / ^6 q  v( K+ R; V3 B9 _# ^; ?
</table> ! [% v: h3 q; ]  m: f8 Q/ N
<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> 8 R, @8 S# \% T
</div> / b+ D( u' o& O$ R% {
<a href= "# "  > menu </a> / h# {, t1 Q5 |, A8 J- k) [
<form>
<select> <option> A form selection list </option> </select>
</form> ) ?! b5 G" i" S0 y- ]* {
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> ; a. w) t8 j; o0 Y" ]$ p
                        外向数： <input ; `  g. t$ U' b5 W( q! M
         name=answer
         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) "> % G% H; H" c  T8 a+ I
                     　没回答的题数： <input
         name=unanswer id= "unanswer "
         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) "> - C' N3 S7 I9 r3 t' U) B: l
                     <br/>
                     总得分:
                     <input 4 V1 `" m6 q% z% ^, I
         name=score id= "score "
         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) "> ; f, Y& T3 b# O/ }/ y2 ^
                     　结　　　　论:
                     <input , f5 v2 P( W; l) S" [& L
         name=xgjg id= "xgjg " % y6 n9 z" w6 Y- [
         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) "> ( K; L- a7 u5 R$ _& z' b
                     <br/>
                     <br/>

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> " r3 I& Z/ F9 h8 D
                        <input type= "reset " name= "Submit " value= "重做 "> 3 z2 }: I: G! B" m3 E5 w! ^
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 / y2 C& e# x1 k% ~3 \+ o
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化   ?9 k8 f: |& \6 G8 q
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> . f. v$ w/ d( U; L( d0 G
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> 4 l  _& ^: N6 H" m/ i( o
                  </object>
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 $ r: F/ m4 ~) h. L" i- a" b$ ^, {. r
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页面。 ; W6 Y1 P, ^3 w+ I$ c* C7 a' h- G+ |: S2 N& D
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭 ! d! N5 X7 H$ I- K6 w2 L4 c- F% e
10秒后弹出窗口自动关闭 * {0 ~* N6 j% Q9 ^+ j
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 7 G) _0 V- m$ p
head 7 X5 C2 k# f/ [' P! v
<script language= "JavaScript "> ! j* M6 L- o  O0 \9 D/ F
 4 J) [7 o. f1 Z4 b' I
</script> $ w  v, r$ A, I2 @4 x
<body> 注意：这段代码是在新建文件中的 7 n+ y% |2 O2 T& ?
<script language= "JavaScript ">
  function closeit() 4 y( J" T% |8 x  `
  </script> ( b7 U( _% u" Z; D1 e% e) b
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 5 R6 K" U& v5 d6 u' r6 }. `
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> + A3 Q% r* z2 x7 n. F. F! D5 U6 U$ r
</object>

1 评分人数