另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table $ x2 P( M2 ^% g( u  z# s* t
2. <body  > 取消选取、防止复制
3.    不准粘贴 * T3 c7 c/ b9 y7 o
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 1 Y" G8 \& A9 E! M" Y# {! ?
7. <input style= "ime-mode:disabled "> 关闭输入法 , t5 L3 V  R2 h7 s0 p
8. 永远都会带着框架
<script language= "JavaScript ">  </script> : m* C& {6 [8 a+ W9 ~" F# n/ n
9. 防止被人frame ) u0 i# r0 j( J) n- ?
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 ) K- z% O, S# |* _" e# V- r
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 . l% t% b2 U" K+ F& Z
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 ( S! ~% Y/ G/ `: R
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 9 N$ e; H7 G# v
//Javascript
<script language= "Javascript "> $ G( j7 P- A; _" E& e' M
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft; + N7 z+ B: k8 n/ P
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
} " _& A* U0 C3 P$ q  ~
</script>
//VBScript
<script language= "VBScript ">  </script> ' e7 e6 t' h4 y" `; K
14. 光标是停在文本框文字的最后 $ \6 b0 k. \3 P, T. ^8 ^
<script language= "javascript "> 0 [& T) X- T* y+ x( D- X
function cc() ; c9 F! E/ b8 W9 d
{ ) D3 H1 p; ]: |1 P6 `# s1 t' v
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select(); / n/ n& e! _' m# \# q% I
} 7 X5 _: b( n! o& w( K
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 3 w* }& {3 C* c4 T/ O" l6 @. v3 P
javascript:
document.referrer   J; q( y( }' `
16. 最小化、最大化、关闭窗口 1 w5 P' ^$ F& J. X
<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 "> + @8 U. I) y! }, k
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> + B* D( F9 r5 v/ z4 L) n" d
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> $ X0 E" l! ?) d3 R
<input type=button value=最小化 onclick=hh1.Click()> 2 n; [0 j& m7 E
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 8 L) i' O  t% C
if(event.shiftKey) 4 X9 m9 b* \) m  E
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 8 K+ e; H3 d: g5 @5 T: @
} 4 x) ~) P. \4 E" g- X, C
document.onkeydown=look;
</script> : b( X& C0 k/ s4 V3 n
18. 网页不会被缓存 5 `  M; _7 S; d! N+ {8 S6 v8 i0 ~
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 9 x% `5 @0 S, W( x9 B
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> . e+ s  L" E2 o& j3 W1 [" ^; n" T7 \
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> * z* t! y7 p2 D% R$ \1 }$ a2 ^7 }
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: # O' }& L& b' c/ h
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行 / F# B, p' y1 ^2 g$ F! v1 T
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> 1 @& ^( ]& W9 T6 w6 R& D3 A9 `3 S5 ?$ M) }
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条?
让竖条没有: # s$ R2 {. g% A4 F! N4 P+ R% y* _
<body style= "overflow:scroll;overflow-y:hidden "> ! A' N# b+ q- P( m8 t+ T
</body>
让横条没有: 0 ^) |1 R, _7 S# |8 h. j
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了 , L  B4 _/ C* @9 K3 S7 G% Y( d
<body scroll= "no ">
</body>    w* N, L2 g0 b- p6 t2 _
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 5 q( {' q% p* y1 ?0 }2 I
24.电子邮件处理提交表单 " K0 L6 q/ a( A# M( {: c
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">    D+ g* s. O9 z$ E; _9 l
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ 3 u* n5 B  d2 |/ A( \. l
window.opener.location.reload() ' b/ r& I0 d! b5 v
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; ( m- q, q( O6 v: O- u! b
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小 2 f. p& |/ g5 F% C! _
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); $ B; `. y% V9 i3 v" b) H1 m
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 % y6 _2 k: L+ q8 `) z! M3 e; l
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 ) Y/ L$ s, P; z0 h+ [
<script language=Javascript>
function cc(dd,dadd) ) r4 @. `% t% x, E7 c
{ 2 V5 G. n" t' d1 n1 e: w
//可以加上错误处理 6 X% z: l- c1 S
var a = new Date(dd)
a = a.valueOf() & f" l* I9 M' R7 ?; c0 V
a = a - dadd * 24 * 60 * 60 * 1000 $ h" X' W2 B7 a1 f8 k0 X6 Z
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} 2 ]' [! k0 _* q+ q1 x1 v. f2 F. C
cc( "12/23/2002 ",2)
</script> % t9 r8 d* T. W5 z: \% y2 T
33. 选择了哪一个Radio 6 D8 q7 {+ }$ `+ _: ~3 e
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value + m4 q4 {& a- J, n8 t& l+ G
next . T, U+ G4 c( A' }* f1 {8 @' U* M
end function
</script> <BODY> & P% N) h* `! m3 x1 A/ V
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style ) D6 t3 Z+ w. w, o, ?0 }7 U5 B" {
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  > * f6 T; K4 F( H1 p
</BODY> </HTML> - L4 D) b3 x+ b& X1 z3 k
34.脚本永不出错 ! S; h$ m, E1 d6 H& a/ T' @
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> 5 R; @, l/ I  E& V
35.ENTER键可以让光标移到下一个输入框 3 z& N: _; d6 v  L6 K/ V$ e
<input  >
36. 检测某个网站的链接速度： 2 v8 i* o, _% O! ^0 y0 ^
把如下代码加入 <body> 区域中:   q& {, k1 i+ Q- k1 M8 r" F
<script language=Javascript>
tim=1 / l, t7 c3 h2 E1 s- U) |5 s
setInterval( "tim++ ",100)
b=1 ' P# p* r% R+ N2 C6 a$ W
var autourl=new Array() , \7 y4 |9 E2 X6 k
autourl[1]= "www.njcatv.net " # s) n* n4 f7 n4 j2 I, ~8 `8 m
autourl[2]= "javacool.3322.net " 5 S* W" h$ V! S! I" E
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){ & D. R- ]& i$ E- @3 b
document.write( " <form name=autof> ") 3 ?  p5 r+ ^: a6 ?
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
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") 2 L+ D4 R( Z% V, J( E% G- S
document.write( " <input type=submit value=刷新> </form> ") 9 W6 j; M! @7 E) s: o9 ]# N
} 4 B0 {( S6 @4 Z# @
butt() 2 I7 }8 ~  H* R8 T) ?$ ~
function auto(url) & ^/ ]8 ^* O% ]6 ~& w
else
b++ / r# \. p1 l. \
} : D. i9 Q2 e3 y" V! S
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+ " ")> ")} ! F  P. w) X8 N1 m0 w# ~- c
run() </script> ) K! |/ w; S3 A. A
37. 各种样式的光标 1 h1 R) y+ v+ P" c
auto ：标准光标 + C' `1 P  h; S- |* o  z8 E9 j
default ：标准箭头
hand ：手形光标
wait ：等待光标 ; T* s. \( w5 L' r
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标 1 X( l& A# |. I( G- q8 k# ^
e-resize
n-resize
nw-resize
w-resize - G6 o) u" ~% `' W1 Y
s-resize
se-resize . }" l# ]7 m( V( {* ?1 n6 ]7 N
sw-resize 0 ?9 A$ s* M" m, ]4 c+ l2 L
38.页面进入和退出的特效 ' }: v/ g/ G& \, W) ?1 z
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    8 B# w: y1 }0 c/ u& ~* i& E) ^; o
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: 7 v) F& G# D* X  Z8 q
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新    L( i  X3 E+ D& C, B3 a" e
　　7 右到左刷新 6 @4 {3 i( D" G! j
　　8 竖百叶窗 ) q. L  u& B+ Q+ k( I6 N
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下 ' Q5 I( M1 J: F% P; i. ^" `/ C
　　16 上下到中间 6 X% R. k$ q% ?; Q! W- n+ _
　　17 右下到左上 + A" T3 R0 w9 V9 ?; t
　　18 右上到左下
　　19 左上到右下 ( u5 n; ?; R# \: Q$ Y+ w
　　20 左下到右上
　　21 横条
　　22 竖条 # I% a; t5 W0 C4 {5 o! q. M1 u
　　23 以上22种随机选择一种 1 f+ G+ N* h5 i0 q% ~
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> ; ~- E% E' b/ q* |- v2 Q
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ) A. i7 G2 D  x: i
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； * I6 T; C& h- n& j3 x) M
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">
 + V+ X- }& I: G
</script> " ~$ g1 k8 S3 Z) E3 f+ m+ V$ n# q( t" F
' M$ V1 u$ ]; ^# G; z

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 4 P9 h5 X, Q2 _  N7 ]/ k0 \- i
<table>
<tr> <td> item 1 </td> </tr> ( n5 z; j( j% N1 A
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> 7 I9 J% Y3 K1 D) e' j2 f
<tr> <td> item 5 </td> </tr> / O. T9 p. Q& B
</table> $ [2 @; C4 u0 b" [
<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> + ?% i' }+ Q2 R
<a href= "# "  > menu </a> 6 V" {6 v) B) _! p. t
<form>
<select> <option> A form selection list </option> </select>
</form> 2 ?% e4 ?) R1 E6 p3 I* x3 V
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 2 p8 j$ w" T0 i% I" x: A) R
                        外向数： <input . Y' a. F: d* k% g
         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) "> 4 s$ Z' ]0 {$ u7 k2 p- v7 Q* i
                     　没回答的题数： <input 8 }/ o, O) [$ U4 @
         name=unanswer id= "unanswer " % g) H" h0 i, s- ?9 G6 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) ">
                     <br/>
                     总得分:
                     <input 7 h: k- ^" v) z# f' a
         name=score id= "score " 6 O6 b8 B0 a! d1 q9 d3 W
         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) "> 4 b  @0 M0 J- b  L% ~4 j
                     　结　　　　论: 7 J3 s4 [( s0 C, r, i
                     <input ) o  s) _% Q' _5 g
         name=xgjg id= "xgjg " & F* M7 \/ V3 c& 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) "> 7 X6 N; `, y" w$ z1 k3 P
                     <br/>
                     <br/> / E0 I1 }% a9 X+ _9 y  |
                     0 F4 q% Z. ~2 G
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> $ W# U" z% C7 `/ U' O2 |* i
                        <input type= "reset " name= "Submit " value= "重做 "> 3 V8 m8 t: p/ W/ y2 }2 T$ R
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 ; j, F' L- q; S( [: I" [
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize ">   w/ p; H& `1 }  ~/ S
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> / G0 _! l2 y6 K1 t' T
                     <param name= "Command " value= "Maximize ">
                  </object>
</body> : o- i% I" a" i4 o" p3 S
页面自动刷新（说明） 3 Z4 a7 V6 H2 T
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 0 E* V- \9 Z9 k) @4 j
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页面。
页面自动关闭
5000是指时间 <body  > , q+ w7 {9 O! R9 E0 F- O. y0 C5 V
弹出窗口自动关闭 * E- I# x" l$ B# o
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> # |1 z/ J* ~+ V; \$ {" c
head
<script language= "JavaScript "> - S1 p" e* p; p5 G
 " L# L1 H) \* ^* X4 o
</script> & Y9 \8 I7 x- ]; n
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> ! ~- L( U1 T, G
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 6 V( [1 W) I" n& ]3 H% z
</object>

1 评分人数