另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 5 Y7 P# y( d/ v& C
3.    不准粘贴
4.    防止复制 ' @- C# B! @+ d
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 / w( S0 H5 `, i+ L+ Q& H
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 - p/ N. R6 f' {
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 0 C, ?. a- B& n2 p7 g) w
<script language= "JavaScript ">  </script> , a) D2 y3 ~- {
9. 防止被人frame 2 x, A% G3 F0 ^
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 : C* e( a$ N9 y9 l" ~9 N8 {) \7 G. E
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 0 G/ E" [1 R  K% W  j2 v! ]
11. <input type=button value=查看网页源代码 / S  y$ q, I- F8 |* ?( f
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 9 y8 n/ o0 Y, F2 ^2 l; S
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop; ! b7 y$ a' D4 _  k
var l=e.offsetLeft; / T% z% J! F0 f- X& e! U# D6 N
while(e=e.offsetParent) ( b# q# ^, U0 j0 z& u  B5 g
alert( "top= "+t+ "/nleft= "+l); ) Y3 b- r# S- T5 s
} * I3 A- U" _5 x
</script>
//VBScript
<script language= "VBScript ">  </script> 2 u' ?  _! E( O+ U
14. 光标是停在文本框文字的最后 ) W& G; `. @8 |! ^0 V: K0 H( S
<script language= "javascript "> 5 I! t  ^, y. }! X
function cc()
{ # Z* w  O* d2 l& K$ v; r
var e = event.srcElement; ! t- E2 V7 i8 }! d. |$ G
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true); ( E$ j% j; ?9 W9 L% T
r.select();
}
</script> 8 F8 k: @& h6 k: z$ q0 B
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 + e+ X! j' O) n' Z6 w$ \+ f5 ^: s1 Q2 W
javascript: . _2 o# k# I- I0 U  k: ~8 }9 {' m
document.referrer
16. 最小化、最大化、关闭窗口 & ~5 S, E6 z' a7 P+ i
<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 "> 4 k2 I8 S- P/ A  f0 g& o$ q
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 2 K" S2 |3 P1 k9 l2 P  b' E4 N7 C
<input type=button value=最小化 onclick=hh1.Click()> & _; k/ ^9 k8 b1 x. a, m
<input type=button value=最大化 onclick=hh2.Click()> 0 U+ c9 {' h% @. Z4 T' }
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl ( D& A: O( g& D- X# P- ?' p
<script> / o- Y) G1 e  L! B" l* o1 w
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} # @9 y5 ~2 `- |. D" u& i! e9 Q6 P
document.onkeydown=look;
</script> ; s* h+ B( C4 \7 Z
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">   F% s. a$ h- s, ?* R9 `# h
<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 ">
或 , K$ {! B- w; L: `& H8 F; B
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:    y: h4 [1 u: x! G5 O. P! A# \
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ 9 ~# `; m1 t" P6 J! g, _8 _
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> 3 X5 Q" v9 k( k. e# E, @: S* T  `
21.让弹出窗口总是在最上面: 8 }8 n; @* K5 P8 B2 w" z( ?
<body  >   D$ z6 ]. L" k
22.不要滚动条?
让竖条没有: 0 b( c- x7 A: r
<body style= "overflow:scroll;overflow-y:hidden "> & X: y) I8 u2 {5 ]; R5 G
</body> 9 M+ m7 N3 e+ w
让横条没有: ; N( H6 w' }$ J4 _% _# T2 F5 p# C! ~
<body style= "overflow:scroll;overflow-x:hidden ">
</body> ' Y' ^* q8 j" A  X7 W
两个都去掉？更简单了 # q1 k" v: o6 Z) K
<body scroll= "no "> $ t( S: }# N. n
</body> " x8 }" {! J* n& Y# n. x
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> ( N. c* N' n; B. o( ?/ M. l( K2 f
24.电子邮件处理提交表单 6 P$ X# Y! d1 T! T3 p/ R
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> # c) y  N5 S- S7 b+ D
<input type=submit> * s  l1 ?0 N1 H: R" `) u
</form>   |& j! O1 _( I
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() / Q$ |4 X/ c2 Y5 V/ u9 X# g) t
26.如何设定打开页面的大小 ( K' L1 [0 n" ~7 d1 {& Y0 T
<body  > ' @" Y- C* ?1 t' O
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} 1 J9 w4 _5 W* \3 @; V
</STYLE> # W; v- x& k8 ^& v4 d/ S. l- M
28. 检查一段字符串是否全由数字组成 : A# e% P- ^2 v- z
<script language= "Javascript ">  </script> - f+ Y" n# ~1 w. p; M
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");   G3 ?& Y. i& p' u; _( G
else alert( "全是字符 "); 5 M" w+ A* r) r% A( N
31.TEXTAREA自适应文字行数的多少 % x$ s5 ^0 b. V4 O. _: Y# s1 E) ^# d% X
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd) 4 ^  m7 X7 d0 a1 F/ r
{
//可以加上错误处理 * G" e4 c% H& |/ w
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) % T: p% a: l. k; x  h
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2)
</script> ' }, l$ R% k& t3 `
33. 选择了哪一个Radio $ ^, f$ |, ~1 |* E9 x
<HTML> <script language= "vbscript ">
function checkme() 8 `! |, f) N; W9 U! F+ @
for each ob in radio1 / j& C% S' h3 |/ G; H$ _- e! ]
if ob.checked then window.alert ob.value , s& U& F. A# @% c& r
next
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style . A9 U/ U+ o# d  x" D5 \! z
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML> - w. R3 _! j: _  x2 l
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> 1 o. o! h; }- h# m
 7 r5 N4 f* p0 y8 t  _4 d& R
</SCRIPT> 3 s* S2 g& b7 [/ l( ~! ^: ?
35.ENTER键可以让光标移到下一个输入框 $ N( T) r6 r; K7 g" ^$ C# ?6 M; m8 s& H
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript> ! ]. ?* Y3 A$ A! d. ]
tim=1
setInterval( "tim++ ",100) 5 n+ x8 l# }- m5 w
b=1 # R8 }2 a9 y4 h/ k/ }
var autourl=new Array() " f( {! k# t5 R6 s% w* Z$ |* P
autourl[1]= "www.njcatv.net " , k: m& t" ~7 G) D( k1 R5 y& ^
autourl[2]= "javacool.3322.net " 4 \+ ]4 v3 ~" a: b3 c" v8 H
autourl[3]= "www.sina.com.cn " : R" H5 {$ q! t1 g6 x$ Q
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "   ^. b! W4 Q2 a8 o$ P& z
function butt(){ % |" f$ G3 z4 M6 {! d5 u
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
name=url "+i+ " size=40> =》 <input type=button value=GO 9 Q; z* E6 `: R- s2 L* z
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
}
butt()
function auto(url) + e' m2 Y/ x8 \5 K' O
else ( Y3 P4 }1 C' ^* H0 |/ h
b++
} 5 C# t1 C* N) Z) `+ q8 L
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 / |! _, N' c) q, t6 h4 v
onerror=auto( "http:// "+autourl+ " ")> ")} 4 n+ H) R# F5 B8 k( w
run() </script> 4 T0 e2 N/ W. S/ ~
37. 各种样式的光标 5 G2 W$ o( n6 D# T% d3 k7 o* }" R
auto ：标准光标
default ：标准箭头 5 C% f! W* c" A1 p2 ~8 C
hand ：手形光标
wait ：等待光标 ' i2 G0 x! C& c8 L$ v5 l/ N
text ：I形光标 ) V" C+ d' V8 e9 d0 }
vertical-text ：水平I形光标 % G5 g; A! ?, @, Y
no-drop ：不可拖动光标
not-allowed ：无效光标 0 w- V6 m+ X2 N/ A8 O5 X8 v% _% y4 b
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标 * a2 P3 J& u: l- S
e-resize
n-resize
nw-resize
w-resize 0 f" a) |% m! w. S
s-resize & d1 X9 y$ H/ A1 k: U7 }
se-resize ! B$ [2 g$ Y  E! N
sw-resize ' B) v  Z7 H3 B+ s9 K5 K$ H
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: , x* G9 l8 V& ?. W3 i
　　0 矩形缩小
　　1 矩形扩大 # U* a  R% r% C5 q0 C' e3 z$ O* ?
　　2 圆形缩小 ; S( A" h, r9 e  l( T2 X
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新 1 Q+ l& O) H: O9 ~
　　6 左到右刷新
　　7 右到左刷新 3 n7 `9 b. ]& t" A7 X7 S+ T
　　8 竖百叶窗 7 ^3 o& }3 |/ n3 ~3 }7 k. ^: g
　　9 横百叶窗 ( L$ H" V( t" q5 T2 |8 Q" C5 D
　　10 错位横百叶窗 ; `' b2 g( e6 C% F
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新 8 F, m4 N+ x. ?: }9 ?- T6 u
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上 ) H$ W$ D1 l6 h9 c+ _  c
　　18 右上到左下 1 N& T: ~. ]# |9 v/ Z/ r4 G
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条 & W! g* e* f8 k6 L
　　23 以上22种随机选择一种
39.在规定时间内跳转 - l0 X! J# o! ?4 A0 t
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 ) ^+ [+ e5 z3 H9 L5 _5 J
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: + E3 }" J) ?, L. f8 d
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 * O9 G$ a1 W1 G. y) L) z8 m
最大化窗口？
<script language= "JavaScript "> ( y7 l+ Y( `, |  z0 q1 |, i6 Y8 k3 x

</script>

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： , l+ S$ |3 `+ b: _7 d' a: U, @0 V
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 5 m# Q; x0 |+ S9 V: O
<table> + j4 X3 E% }% a& W6 p
<tr> <td> item 1 </td> </tr> ; t- G* ~! \! G3 ^/ s3 R
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> : p3 `  W  e" k4 C
<tr> <td> item 4 </td> </tr> ! Y% R. A( g- N
<tr> <td> item 5 </td> </tr> / l. n# ^1 \* D
</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> 4 e" R3 b% ^' T+ ?- Y2 `+ S
<a href= "# "  > menu </a> * z+ S2 G+ Z1 x$ s
<form> ) H2 x) R; h' s, B: b) t; }/ a
<select> <option> A form selection list </option> </select>
</form> + z3 h; i2 G3 n, ~! h8 m) _
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input
         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) ">
                     　没回答的题数： <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) ">
                     <br/>
                     总得分:   j5 g0 ?7 S1 U3 p- y/ e
                     <input 4 ?6 L) }! ], k4 X9 T
         name=score id= "score " 4 |/ T5 n6 l* g4 g- 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) "> # v  l1 ?) p, i, ?; l9 x
                     　结　　　　论:
                     <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) "> , Q' l7 h3 ]! z+ C* s9 s0 o$ d; [
                     <br/> - B. ~$ Z# ~* |( H
                     <br/> + z+ G+ M# H% u' R0 D

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> 8 p9 u' h+ B: p4 P' l7 F
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 5 q9 d2 x/ E! s
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> / m* I5 v% P$ ~' z2 `: K  c
                     <param name= "Command " value= "Maximize "> - d/ I" S. x  Q2 `0 h8 S
                  </object> & w+ I' b  X  h$ }; U( C
</body> 4 l/ \7 [+ }  j! h; ^! J
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. ' g7 o0 G& O% m* b
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 3 T7 c0 E( w% ?% V+ H$ ^
页面自动关闭
5000是指时间 <body  > 9 S' y3 C! l/ L, E% o0 q
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 5 W* r. {7 Q* `. e8 J6 ^9 k
head & o6 [! C$ a, V2 f% H. P' Y
<script language= "JavaScript ">

</script>   a2 Y4 k1 H4 H& p- a3 K1 i. p
<body> 注意：这段代码是在新建文件中的 1 A$ B- D: |5 |! j3 T5 {  d
<script language= "JavaScript "> ) p. s) I9 \) N; {% k
  function closeit()
  </script> 8 _7 J' |6 p/ O2 _. ~" S& g
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数