另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table % I$ D6 N+ \$ D: o
2. <body  > 取消选取、防止复制 2 ^. D; `* u0 R# C
3.    不准粘贴 0 d" T$ T6 z) k  B* _
4.    防止复制 ' M4 J: L6 H  A' [8 n: l" y
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 / A" K5 }# a3 m
7. <input style= "ime-mode:disabled "> 关闭输入法 : D. @, t8 X) |/ f2 v
8. 永远都会带着框架   ^* {: m9 d( ?" `& t* u! ^
<script language= "JavaScript ">  </script>
9. 防止被人frame 8 Y5 R/ i( s  }/ u6 O3 h3 T0 \/ K
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> " w) p, K* b5 m
10. 网页将不能被另存为 % b1 ]' R" T  u( k" l9 b
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> * l' ?  ~4 S+ e$ E+ K) _, R5 i
11. <input type=button value=查看网页源代码 4 ?" c" B+ V3 u: t. U  |
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> $ ~: X' n5 }' ^- R9 |
12.删除时确认 3 t  k5 d1 N3 N$ ?
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 # q0 ?: l, ?( c2 P8 P# D6 q1 x
//Javascript
<script language= "Javascript "> 8 V/ e5 V3 E  q& Z9 }
function getIE(e){ # V% @% `6 K6 C7 X7 u1 g" ~
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent) 2 a$ J: V7 B9 W: C! n% o% S% j4 F8 O
alert( "top= "+t+ "/nleft= "+l); * b+ u1 D0 O" i. r6 w6 }* _# ~
}
</script> 4 K1 c% h; p/ l  u; h
//VBScript $ y* P2 h8 c) b) e& f
<script language= "VBScript ">  </script> ' j! F4 T/ E2 X1 b
14. 光标是停在文本框文字的最后 8 `. i# ]6 G( ?( A4 X
<script language= "javascript "> ; f2 N& x# C  }; C
function cc()
{ & z3 P( Z: `6 m  T' r+ Y+ j: m% E
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true); 1 _8 `8 @- W0 Z3 i6 M
r.select();
}
</script> $ E! H1 b) k) ~8 l; m
<input type=text name=text1 value= "123 "  > * g) L: ^1 A: G' c5 C4 w4 o0 O
15. 判断上一页的来源 7 Z: U) Y2 G- m' u! y) F
javascript:
document.referrer % w3 `3 t8 D, t* y; T- T8 y
16. 最小化、最大化、关闭窗口 % n4 D6 J7 I, u0 ^- m& e: ~
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 6 z7 ?) k) l7 h8 t5 z
<param name= "Command " value= "Minimize "> </object> ! l% T/ M+ \- x) C/ E3 G: b3 V
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> # w" Y& `1 B5 t6 _
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> ' L0 h  @# N) w6 v5 }0 e) Y8 ~6 s7 I
<input type=button value=最小化 onclick=hh1.Click()> ) {: N* _5 h% I( Z( Y
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE 8 f7 v" z# ^2 ^; Z0 ^6 y. y% l
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 6 u1 a) A- H2 f, P
if(event.shiftKey) ' t! W# Q8 W3 ^6 }3 u' k" D7 d
alert( "禁止按Shift键! "); //可以换成ALT　CTRL # m& M1 N+ f% p* p  Y2 N' l
} & V) B' B$ K  L( O# U$ R% c4 t
document.onkeydown=look;
</script> % A7 O3 J" R1 H9 n' f) i6 j
18. 网页不会被缓存 ; r0 z0 V: X' y  ^7 Q
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> + K9 |& H* O: M
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 5 U4 {& r( |: m, d  g
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> ! C3 P2 Q9 t0 c' u* x1 ~4 a& I
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> # q7 l  G) S% e7 v: Q- D5 V
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> . {3 C! ~* y# B& ~
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ 8 C$ j. J* ~! d, X
<div> (division)用来定义大段的页面元素，会产生转行 7 [) x; J* Z% b& P
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: 0 {; g, e5 S$ l. V/ N: Z
<body  > 3 f6 [6 N  A* K6 L$ H: G
22.不要滚动条? $ G2 y- E; h# i
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有: ( ^$ V4 M; ?- P" t% K% P& s8 D. Q
<body style= "overflow:scroll;overflow-x:hidden "> * y/ T0 T1 P( X: \) x; ~: S) F! p
</body> & m3 s; N# n- z  u% D
两个都去掉？更简单了 8 G+ Z0 p  [! F# u' b% L
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> # {' o3 }/ d/ Y/ F
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> . u7 [8 \3 _4 x5 O
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() * V! p5 H+ F& v0 n! K
26.如何设定打开页面的大小
<body  > 4 }$ P0 |2 d6 S# k7 n: M
打开页面的位置 <body  > ; n* j4 c: Y; \2 [! k, S2 ^
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 * U9 I4 \$ j8 v
<STYLE> - C1 ^+ y' l9 ?7 K
body 2 g& B  Q) `' _! _
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} + y, D; H6 X$ y1 ^
</STYLE> * r* {0 N# j7 x/ a/ z3 k. _
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> 8 B8 |0 n% i) t: l1 N: @+ `
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight ) J" n0 w, w9 e. r" T% v
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); 6 w4 a0 H) c. J, V/ B6 o$ ~8 y# i, K( j0 D# l
31.TEXTAREA自适应文字行数的多少 * Y6 T5 y6 K* j
<textarea rows=1 name=s1 cols=27  > ' c9 z: r, t' @- K) {6 D% p$ X6 E# ~
</textarea> 0 w+ F: u# W7 v5 t6 @$ F
32. 日期减去天数等于第二个日期 4 _; \+ v  Z# S. L3 R, h: v
<script language=Javascript> ; S9 s* n' e! T' G% k8 e& D
function cc(dd,dadd) 2 i  u3 N0 Z. \+ G
{ - [/ d* |3 W9 W3 J2 }
//可以加上错误处理 : j# p* |/ ]: H2 E' G2 n) |# I
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 . N, G5 d% O- n4 \! Q4 l0 \; w* J7 U
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") 0 r3 x+ w. R2 ~: ~' w! |4 `3 ?
}
cc( "12/23/2002 ",2) - z+ I: d8 K8 o
</script>
33. 选择了哪一个Radio * {/ r* W; i5 t7 [" n' n7 _
<HTML> <script language= "vbscript ">
function checkme() 5 l5 ~! K4 `& ?7 w- B* a1 V7 i
for each ob in radio1 + B2 u0 A/ I2 ]. b' d( w
if ob.checked then window.alert ob.value
next
end function " _! l% a" V; `2 Y6 P7 G7 M
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错 " M+ ^  A9 f0 R! S
<SCRIPT LANGUAGE= "JavaScript ">
 ) v5 d4 B! F" m; ^" L
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框 $ {5 g% _% m. b8 c% P
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: 9 a+ Q- X  T: w1 b+ D4 v& J
<script language=Javascript>
tim=1 . V1 B) G! u6 b6 M7 ^' o
setInterval( "tim++ ",100) $ ?& X: c4 a, {2 G( i6 k0 g$ ^4 m& o* y
b=1 6 }+ u0 d6 j1 r# ?; G" _2 \
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " 3 X7 F# ^9 l* I! R1 k
autourl[3]= "www.sina.com.cn " 9 T/ j7 d. \6 {: ~
autourl[4]= "www.nuaa.edu.cn " / m2 D5 d9 t: E- L/ {$ E( ~
autourl[5]= "www.cctv.com " : v1 ~: J2 {" u
function butt(){ # D1 C* L7 i3 H$ d8 ^
document.write( " <form name=autof> ") " |" x7 I& u3 O0 }/ b
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 2 P# O- Q* A; U. F  Q( B
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
} 6 ^- m' F! }- e8 _5 {$ D1 u! B
butt() 8 V3 d% G1 m* \: ^4 }0 ?
function auto(url) 4 ~( c) D* ~. R
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+ " ")> ")} % Z- J& \) r5 `" F8 q
run() </script> 1 c+ @2 u) ~2 ?4 J; H4 I5 ~$ b" b
37. 各种样式的光标 . w/ Q1 h  {0 r7 L( K3 p7 G/ e
auto ：标准光标
default ：标准箭头
hand ：手形光标 1 Y" X4 A5 K* L( M
wait ：等待光标 4 x% b- A# \. J. t
text ：I形光标 ' v7 M% B2 f) i4 s3 U2 G0 v% d
vertical-text ：水平I形光标
no-drop ：不可拖动光标 3 p) [; x9 b* @% l
not-allowed ：无效光标
help ：?帮助光标 . P$ h; Q5 D; Q6 ]0 ^
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize # S- K/ X! f8 d$ b( L3 s
nw-resize   j5 g8 d. J/ R/ H( j" n
w-resize
s-resize
se-resize 3 `, Y1 W  s- \8 X5 v4 V
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> ! e* \7 t% C4 P  l8 N- l; @# x7 F
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: 2 e  Z' J6 O9 j1 H) @" f7 ]" f8 u# l1 C
　　0 矩形缩小
　　1 矩形扩大 : E  Z! o+ B- M  a! g
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新 , t2 @# w2 e; I# A6 J5 _
　　6 左到右刷新 : b! e# o" Y$ R+ |" _
　　7 右到左刷新
　　8 竖百叶窗 2 k! h& f% A7 q- b; o/ ~2 k
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗 0 I- r; T) p- j& t/ o% b! o
　　12 点扩散 " V* P7 y4 I3 `3 y' J! W- R  R
　　13 左右到中间刷新
　　14 中间到左右刷新 0 S3 o5 r5 h( W: d* q; N
　　15 中间到上下 5 Q. K3 X( w7 y* j+ j4 |! p
　　16 上下到中间 6 e& [  F% |* P- G
　　17 右下到左上 * E, q0 \1 a& i. K
　　18 右上到左下 ( t/ i$ q  A* L! F" m
　　19 左上到右下 2 A$ F+ ~: W$ |% C
　　20 左下到右上 ) T4 H8 @; _; V6 j2 X( [
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种 - j) D1 o2 l1 y* g1 ^# R
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">    ^0 U- l! O5 ?! F" @
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ! o; x: a+ {% }3 U3 ?* U" a! f
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； ; n. P0 F3 y: N9 q4 ]$ R
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 % i9 E; r- v/ r) ^$ P
最大化窗口？ ' Y4 W2 I; z& i5 \* s9 a# R/ y
<script language= "JavaScript ">

</script> 4 H2 [" ?# |; W( _# O. Z
3 v6 c* I- n* {6 d# T. `" e
  L1 b# b" [% {5 M7 ?' W
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> . X! N4 O- k. u5 w+ i& i1 Z
<table> $ x& X5 b: D+ S& |  }
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> , D: j; o6 Y4 b
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> : X9 s- I0 X6 Q" r- w% e
<tr> <td> item 5 </td> </tr>
</table> 3 t, j' }4 p& a
<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> & L+ B& l# G- _4 W
<a href= "# "  > menu </a>
<form> 9 h; k7 l. P1 x% }
<select> <option> A form selection list </option> </select> : u0 O6 y( g% {# D
</form>
输入框也可以做的很漂亮了   s) I  d3 ]8 U9 W9 B4 t
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 5 Q; s* \, Y2 j
                        外向数： <input 9 w: B! Y7 Z5 _% k9 B7 k# p
         name=answer 3 @& T2 Z. ~4 j' S" 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 " 6 k$ t. b9 c% d/ f7 `. U, Z- `! e
         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/> % l6 s8 }) _- I: Z& K& R: Q; Y& R! W
                     总得分:
                     <input 6 X6 u% f6 c3 h) ?; L4 Q! z6 P9 S) u
         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) "> $ H/ b# a# S  ^  A2 X
                     　结　　　　论:
                     <input 7 I1 Y' k! r; [. g& n' Y( e1 l
         name=xgjg id= "xgjg " 4 i, R# A. @, `1 y* ]0 k
         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) "> * s5 K: `4 H5 E( y
                     <br/> ' E* ^) n9 ]3 r/ G8 P
                     <br/>
                     & b: E) l( Z, Q( c2 V' Y, r  c* J
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> % @4 C  n0 o5 M( M( m
                        <input type= "reset " name= "Submit " value= "重做 "> ; D4 _7 f" ~; W6 o+ z
                     </div> 4 S1 B- x0 f6 z
注意：修改 <body> 为 <body  > 即为打开最大 4 ~0 }8 J8 B' e5 c/ G
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 / i& X# D- J' O
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ' D  w, g3 Z+ X0 Z6 \5 u
                     <param name= "Command " value= "Minimize "> 8 B6 {2 |5 A# K
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">   l1 X" ?2 u( ]5 k" s0 ?0 c2 H- C
                     <param name= "Command " value= "Maximize "> # {3 J9 O' F+ W/ @
                  </object>
</body>
页面自动刷新（说明） * I8 @/ R( g" a: ]3 p% N' d0 D
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. ! |; c1 m( v$ g8 d( m: f2 n
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭 ! v$ I1 ^, X6 ?' X" K% q
5000是指时间 <body  >
弹出窗口自动关闭 9 V; I1 g' C, H% t
10秒后弹出窗口自动关闭 * ~4 N8 j5 e( g5 b" @# V  ~. K
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head 9 X: G; _* ?" a7 q2 Z: Y
<script language= "JavaScript "> + Y; \5 U. g" T- j! |* T2 B7 g
 8 I2 E3 [  k" c) L+ f% R+ E1 R8 Q
</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit() 6 {+ J7 O  w+ i3 N7 y, @
  </script> 7 I+ [1 Y0 X6 g5 V" ?' n( ~6 c5 b* r
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 9 q, C6 O2 A+ l* L# O+ |  b3 A1 M
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数