另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table " ~- u8 Z. E* W# m( V8 d5 z& u
2. <body  > 取消选取、防止复制
3.    不准粘贴 & a- @" W5 E# V- N# E8 P
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 / S3 a2 U; C+ Z/ a" r& F
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script> $ X& C! U, H1 [2 X: Q3 j
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> ) g  R8 w) ]( s% ~: t9 h9 ~( T. @1 t
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 3 ^* f9 X$ m6 Y" t2 I% I
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 8 l  D7 {* d8 T5 ]8 q7 o7 P$ d5 k
12.删除时确认 . b8 r( b; ^4 v, I5 j6 i; s/ d
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> % S" x; N2 ^8 x5 t
13. 取得控件的绝对位置
//Javascript 5 z- ]  o8 K. B* Z4 H
<script language= "Javascript ">
function getIE(e){ : z0 p( K/ b# ^' u: T/ h
var t=e.offsetTop; 0 L% r$ b: ?! l# e/ Y/ }$ o# _+ H
var l=e.offsetLeft; 6 Q' t# F$ ]5 }. l
while(e=e.offsetParent) 6 ?+ k9 V# l# N% T  p$ q- N4 C
alert( "top= "+t+ "/nleft= "+l);
}
</script> & {5 o' U9 P0 @6 ^9 z
//VBScript $ q) T! z9 q9 O5 O
<script language= "VBScript ">  </script> 2 I# v3 `* F" a6 [0 D+ d" x
14. 光标是停在文本框文字的最后
<script language= "javascript "> 1 X5 t* S+ `7 W3 r/ T8 e/ e
function cc() 7 f1 O) E0 t' ^
{ : X4 u; Z4 j- s" ^$ e4 k' v4 l
var e = event.srcElement; & b- m: Y: n* {3 W$ g
var r =e.createTextRange(); 1 i+ F* T) ?+ q: U: |9 T+ ?6 v! M% t
r.moveStart( "character ",e.value.length);
r.collapse(true); ) @; O) x* o% `0 k# A9 b2 s
r.select(); + Y+ g0 g4 N: T5 t, J. Z- o5 o4 A3 u
} * K7 j# y& L3 n* w' X  y% l$ _* @
</script> - |, O1 p5 B, \, B$ F; n0 T+ ^/ ?
<input type=text name=text1 value= "123 "  > ) P9 g  @& b# y/ A
15. 判断上一页的来源 1 a5 W' q5 H' |! v) y1 }+ `
javascript: 8 p8 g, V/ h3 w  v8 e) Y
document.referrer 7 R5 {& M  d4 g6 R2 P
16. 最小化、最大化、关闭窗口 * [0 O7 s# w$ `4 U( M  g6 D$ F" y
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 2 O* @2 r( k5 ]$ P2 N' v
<param name= "Command " value= "Minimize "> </object>   \$ {2 V7 D; n
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 8 P+ E1 ~- R7 C
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> ! i2 |- T8 e; X9 C
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> " [. X  E' i2 @* F
<input type=button value=关闭 onclick=hh3.Click()> ' j. |" D6 ?; ]3 i4 g, n5 ?) y0 G
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> + ^5 u1 z# l, m  T  [6 l% ~8 z
function look(){ ( @) f5 s! `5 }( K9 J
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL / H, G& O" Q( [' l+ J& s2 ?
} # @6 ?- a* g1 S! S/ g  p0 Q
document.onkeydown=look; : a, J  {! G8 @6 y8 d7 J
</script> * g& ^; z" I/ \% S7 E, J9 B, V
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> - A( C, t0 \* y/ j, C7 y
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> . f1 j5 Z) N. U# Z/ ^, M. k
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ - o1 t) Y" U6 E- W
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: ; l1 N- n3 B0 x" ^& V4 d! ]
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ & W4 L4 P/ g: U, ?2 e
<div> (division)用来定义大段的页面元素，会产生转行 ) W8 o0 L1 K* s* j- O% p
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 & W2 f9 R2 Q+ N! j
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > * V( e. \  v% A1 ~, ?
22.不要滚动条?
让竖条没有: 9 X9 t# }: |0 ], C* O" A2 q. S# x
<body style= "overflow:scroll;overflow-y:hidden "> 4 T4 ~- u; v" C. U# ]0 X. F
</body> 7 E6 h  R9 j- R: \
让横条没有: 1 s1 q8 V5 @. F3 U5 v
<body style= "overflow:scroll;overflow-x:hidden "> ' m4 R2 |& ?8 p  B( s- a- a
</body>
两个都去掉？更简单了 & u, B8 D# [# A
<body scroll= "no "> - {$ ]9 l  m* w- o: K7 D8 Q5 H
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ ! L" y* m# K% S; m1 j2 Y7 g7 {
<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 "> , f; X$ q" \  r( Y- f6 N5 ^
<input type=submit> 9 |" P& V9 E8 _; Q9 O* `* a' X
</form> 2 D2 {, F0 D( q7 n$ t5 ], g
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() 6 g7 p8 j, R# F
26.如何设定打开页面的大小
<body  > * ?, {. V5 T$ G/ w, s- A# J
打开页面的位置 <body  > 3 u' {8 L! k: _" V# y- ?# a8 r+ ~+ M5 v
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body 4 l$ q8 ]5 Z, W. {. A8 f
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; / z; E. `: y$ h, m: }/ W& q1 Z
background-position:center;background-attachment: fixed}
</STYLE> 3 I/ ~/ p- m6 R+ t3 m8 ~
28. 检查一段字符串是否全由数字组成 / Q; e/ I. ^/ V4 [( G! s1 `8 _
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight ! U" [/ U7 X: n& `* @
30. 怎么判断是否是字符 8 t: ~3 d2 S) J6 l
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); 0 D, E% s8 z8 Y6 I9 n3 U
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > $ r9 ^. k6 ]7 k7 I
</textarea> & v# w. ]$ ~6 n( B7 s3 N9 h
32. 日期减去天数等于第二个日期 # {( R, f: W6 }  K
<script language=Javascript>
function cc(dd,dadd) 9 D% ?6 r" y# t9 L$ f0 T7 B  }+ l
{
//可以加上错误处理 , r% n. T0 l- \$ |( y5 P
var a = new Date(dd)
a = a.valueOf() 9 Z9 x1 Y! \+ b2 j9 |
a = a - dadd * 24 * 60 * 60 * 1000 ) x6 ~, `# q3 _
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} ( P- n: X9 v7 ~0 P# L: o# x7 B  @
cc( "12/23/2002 ",2) ( L/ @1 a* k" _8 N7 W
</script> : N" V& b( M4 z1 I" S# ?. W0 c
33. 选择了哪一个Radio # D# c, G8 F4 X, `: o0 }* d
<HTML> <script language= "vbscript "> 3 y. w7 a* {4 [8 ?$ V" d
function checkme()
for each ob in radio1 % f+ ]- n- [: R; q" j. E
if ob.checked then window.alert ob.value
next ) |5 c2 y! K. o# V' E8 N# ?- L
end function / g: u5 f& h; G' m
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode % l# O; \4 g( b6 T( E4 e
<INPUT type= "button " value= "check "  > % i# Q; B( M+ e6 F* [4 l. ?
</BODY> </HTML>
34.脚本永不出错 9 d4 o6 v7 {$ e0 @' k7 E
<SCRIPT LANGUAGE= "JavaScript "> ; Y# n/ w% r8 X" o  f

</SCRIPT> 3 N# L/ v+ _- s# a$ ~
35.ENTER键可以让光标移到下一个输入框 , J7 c1 D. M' O, j  e
<input  >
36. 检测某个网站的链接速度： 1 u# m5 }" N8 L+ d4 t
把如下代码加入 <body> 区域中: ! I$ t1 H6 \  g9 K5 q" c
<script language=Javascript> 7 ^' ?' P* [2 K, R9 [! s
tim=1
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 " 8 z' n/ x  s8 V2 y% o/ q* h
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") / ]% ?& U# h3 f
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text
name=url "+i+ " size=40> =》 <input type=button value=GO , p; Y* C6 c) l6 ]0 g
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
}
butt() 9 J. A: l8 W1 `1 W% P, ~
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 3 M! D, i1 \# U5 I8 `8 v( b
onerror=auto( "http:// "+autourl+ " ")> ")} % h9 G; ]! J" f
run() </script>
37. 各种样式的光标 1 ^# O  x( ?3 ^* A7 \  C
auto ：标准光标 # N* w& [& k2 y
default ：标准箭头
hand ：手形光标 , P* K, N0 e1 Y3 o2 o5 N# {( f
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标 - H% _; \- L+ D9 j
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize * A/ u# o$ b4 E2 Q, v4 ]
n-resize
nw-resize
w-resize
s-resize % U# F: M% K5 n: ~9 [6 t) H
se-resize
sw-resize
38.页面进入和退出的特效 9 {; |  M4 V2 m  T) `- [
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">   P' `, I( h% }" r( V  E5 n6 H
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    2 _8 b$ r& D7 [
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: 1 j2 m  Q% I% w7 ~8 k
　　0 矩形缩小 ; t7 W9 F( B; c
　　1 矩形扩大
　　2 圆形缩小 0 ^, Q, b, n4 S
　　3 圆形扩大 % M% ?% ~4 g' X8 W& i1 m
　　4 下到上刷新
　　5 上到下刷新 . _4 e3 \- d) @4 V5 [- h
　　6 左到右刷新
　　7 右到左刷新 & B3 U& n$ d+ Q7 f2 h  [$ o
　　8 竖百叶窗 - j. k$ {& f3 m( v  x* ], t
　　9 横百叶窗 * h8 e# `1 X" m6 B; N( f: N, |
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新 * W/ h" i5 W9 c3 X/ V8 L  @% v3 q
　　15 中间到上下
　　16 上下到中间 0 M& ^( Q+ k& R/ m4 x
　　17 右下到左上 3 R# E" T; S! N! H
　　18 右上到左下 + S2 F+ a- D) Z, S; L8 ?
　　19 左上到右下
　　20 左下到右上
　　21 横条 , L( n& b. [! h+ I1 L
　　22 竖条    {8 s! G1 s& w2 Y; u8 A/ [" E
　　23 以上22种随机选择一种 2 |, h* a" @  v+ Q. D5 b0 l
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> * e/ g" w; T# L6 E
40.网页是否被检索 5 L: S! Q+ S( Z0 E/ p" r6 T
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 0 r! y/ E; {, f
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 7 C7 U9 x2 Q" C6 W5 K
　　属性值为 "index ": 文件将被检索； 7 [, `! A; V) U8 b& P5 x( g
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 0 o9 X; x* }* }. r; z
最大化窗口？ 7 E% K/ s5 P( N5 e: d
<script language= "JavaScript ">

</script> + W$ l+ A7 @6 Y) _* f
1 ]3 p# b& m0 M  T
0 u9 v  ?' W( m6 |  I9 p5 P
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table>
<tr> <td> item 1 </td> </tr> + F( B  O6 A# ?! x/ T; y* F
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> ' O5 W! n+ r. m% E
<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> / {: ?8 B1 I* a/ F, Y; \- E
</div> / i! H- z- ^: L4 h- f
<a href= "# "  > menu </a>
<form>   u2 a- k3 q; u: I& F' g! W
<select> <option> A form selection list </option> </select> : i/ U" B1 _2 K( J9 w% G# e1 P
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input
         name=answer % I% I3 }8 L& F
         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    [( D) B/ V! h' b) T# [
         name=unanswer id= "unanswer " 8 m) ^, h" ~; ]2 u6 p
         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/> & k6 Z5 k& g& B: \
                     总得分:
                     <input ) p- B! q3 k' d; g# J' C
         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) ">
                     　结　　　　论: 3 j( t' ?5 q- u; l- Z! |7 K- {
                     <input
         name=xgjg id= "xgjg " 5 x4 b- E1 m" C
         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) ">   h' u) B% n( S3 s0 H3 f5 _
                     <br/> * _$ J$ G8 d" ~3 c
                     <br/> 9 X+ i# x) n& u2 F- N3 d  ^3 d

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> $ ]+ A4 s: l9 Z/ D+ e4 p1 v/ R
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 ( A* a% B$ ?" w
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> * L* i# |& U4 |( {7 Q4 I: v
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object> ) U" }4 W5 U9 g& T* p
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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页面。 & K6 Q4 V+ Y3 ~0 j- n
页面自动关闭 ! b9 I$ M, G% }3 J% M" U
5000是指时间 <body  > # f' J7 R0 h! _8 T* `8 J7 _
弹出窗口自动关闭 3 \5 f8 k* o. w4 R# K
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript "> & O. ]8 N2 z0 X9 f
 : [; I' M8 j7 y5 \( b. Y
</script> # }* _  G5 Z6 [6 ?
<body> 注意：这段代码是在新建文件中的 0 [, g* j: ?8 G$ [0 q4 ?$ K- w- p
<script language= "JavaScript ">
  function closeit() , m2 g2 U: x  V/ m& {
  </script> + B- d8 ~2 F* B( s& L* ?
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 5 z- I1 ^: f- p2 z* f9 y( _
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> # f& M0 K! L. A5 T+ A* X' \
</object>

1 评分人数