另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 / }* s# I1 Y. @  J2 r: N' s2 |& ]/ V6 B
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 . _8 |0 M1 a# c
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 6 t: x2 d% |- f
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 3 c8 u* B% M$ P# M# N2 j
8. 永远都会带着框架
<script language= "JavaScript ">  </script>
9. 防止被人frame . W2 o+ {2 s  M% o0 H7 c: p# s
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> 1 Z1 Z) l$ `5 _- S7 s
10. 网页将不能被另存为 8 l" g  @! g! N2 A* \: T
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 7 D6 [* S- C% T% z6 l
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 4 h, A, |" ~) Q- e5 z, X5 D2 }
13. 取得控件的绝对位置 - |0 i0 r! }$ S# k
//Javascript
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop; ( N3 b7 j- _4 I( }+ T( Y- l$ J
var l=e.offsetLeft; * `$ Z/ S& O) |3 \2 s3 ^
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); ! W* X& `7 X; O; z' u: r9 x
}
</script> ) j; U; E9 [$ F* C% S9 ]7 {# t$ y" E
//VBScript ' X: ?& X; }! O3 U% o* l
<script language= "VBScript ">  </script> " _) i/ x& f8 f
14. 光标是停在文本框文字的最后 , {+ G& D1 T* i# j
<script language= "javascript "> 0 W  s. r6 D: L$ D' \
function cc() / y9 c+ W' X% G
{ * C- L# B7 ^  m1 i
var e = event.srcElement;
var r =e.createTextRange(); , P: j# Y: ?0 p; d8 y
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select(); . H0 ?! t) g# Z, ]- c7 F
}
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 6 y  `9 e0 p7 x2 X" J& R9 ^9 ^
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object> ) D5 t: c3 _4 {& y; u$ L
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> ( S- ^/ Y  m9 y2 V, p1 d
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> ! x+ u2 v  t! X, E/ O
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>   P$ D  v# @0 L) s
本例适用于IE $ R" a. r- y( F3 H+ G
17.屏蔽功能键Shift,Alt,Ctrl 8 J1 ?$ }! [  F7 m  O
<script> + E. F- N/ M8 v6 Q& H% ?
function look(){ 6 p! x* O) w6 j& ^& V
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look; % d3 T0 I3 ]+ B$ z+ p- F  e$ {
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> , M2 v. f4 W' p* ]
<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 ">
或 1 j0 E6 I" C9 G( [& E( `+ r. x
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea> $ \( u5 |( c4 W
20. <div> <span> & <layer> 的区别？    h. j8 \2 |3 L+ C
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > : z. g8 z. M) T# H8 x8 B
22.不要滚动条?
让竖条没有: ' M, m* E% R# u+ j8 c
<body style= "overflow:scroll;overflow-y:hidden ">
</body> 7 H1 j5 ?# V0 P
让横条没有: 8 q, l1 C& J0 p- }9 q( z
<body style= "overflow:scroll;overflow-x:hidden "> : \# r  `% w* Z1 e0 h0 W' ~
</body>    [" n% H/ F$ V1 R3 B; F! u( f8 A
两个都去掉？更简单了
<body scroll= "no "> . F- l/ F; ]' T# C3 ~( e' L
</body> 3 v% G5 L( v5 Y) ^
23.怎样去掉图片链接点击后，图片周围的虚线？ 9 ^) W2 E( U5 Y: n
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> , @1 Y0 G  W+ M1 O% o
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> , Z$ O2 m2 L0 l3 _1 h( a8 D: B+ m
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小
<body  > 4 m! e' b$ {2 t3 p0 f% `
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body 5 l3 o% w9 O3 d; d$ q9 t5 `0 K
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; . ^! A/ v# h4 V3 w3 G  b
background-position:center;background-attachment: fixed} 3 R8 q0 K8 o* k) V+ A" u: E
</STYLE> ! |- w3 h8 ]. F: ~
28. 检查一段字符串是否全由数字组成 9 p0 N, y$ T1 h2 S; z- k; h7 G) G
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小 1 Z0 l4 H8 m1 Y, }* w. E4 q5 c$ R$ Y- y
document.body.clientWidth; document.body.clientHeight - Q/ q  Q2 \$ [) i, ?. M
30. 怎么判断是否是字符 7 a8 t$ m* X, P! P* G" X" V
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 " m3 W) ]' w+ S6 r+ K5 M
<textarea rows=1 name=s1 cols=27  > - Y3 R) o' ~# ~/ R
</textarea> + ~' `+ ?( n2 w* ~1 U# c6 w
32. 日期减去天数等于第二个日期
<script language=Javascript> - D4 G( n4 S4 T( |  ]( L
function cc(dd,dadd)
{ 8 W/ L1 |2 Q6 \5 j' a
//可以加上错误处理
var a = new Date(dd) 6 A  j3 @( d7 X8 a; J9 `/ h+ ^
a = a.valueOf() . v$ P3 r1 G4 a
a = a - dadd * 24 * 60 * 60 * 1000 0 i" Z$ F. [4 G' M  o+ n1 J
a = new Date(a) ! t6 ?) l# J, h. O+ l( M  E
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} . A( E* F2 \. V1 b, _" i! N
cc( "12/23/2002 ",2) % K: r9 ~) @( {5 X* H9 u+ H) j
</script>
33. 选择了哪一个Radio ' Q. B6 O+ g7 P( {* m( i! P
<HTML> <script language= "vbscript "> 0 J$ z+ Q& i+ m: C, u; ~7 L9 P9 D
function checkme()
for each ob in radio1 4 |, [0 @; y! _! b& Q% {
if ob.checked then window.alert ob.value
next
end function * k+ n1 ]+ C7 R4 v; V5 h
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode   B7 _, B: ]" r
<INPUT type= "button " value= "check "  > ; _/ z: ~8 R: {
</BODY> </HTML> - D; I7 i; r4 G) M$ f
34.脚本永不出错 5 f5 z- f3 `1 `* ?& Z3 Y4 Q
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> 5 M1 n3 L) p1 I/ Z6 q2 {+ c* c# X, d0 A
35.ENTER键可以让光标移到下一个输入框
<input  > * N2 V7 Z' O, I( O: m2 V) z
36. 检测某个网站的链接速度： & f% ~0 @9 B2 U
把如下代码加入 <body> 区域中: 1 o" {- u8 R# `% e9 W* I
<script language=Javascript> 6 _7 v/ v+ j  }2 R+ ?8 ?- k
tim=1 * X& [  q/ j' r7 t( p
setInterval( "tim++ ",100) - R% y* Z7 J( _2 c
b=1
var autourl=new Array() $ _! ]& @' O4 S  k8 j  U/ [
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn " 4 q' p) D( N9 B
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) & ^: D$ {% `& o; A" ~
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 ; R+ M4 ^" {$ [) q+ V: s& Y" G- B
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") - K9 ]( E& z/ H5 e+ {6 K5 Z- F6 u
document.write( " <input type=submit value=刷新> </form> ")
} 1 p9 i, c4 c- D# |* R5 Y; u
butt()
function auto(url)
else 6 G) O0 s% R6 h% O) x2 H# q
b++ ' U% a  l) `' f6 d8 X
} 6 K- z* x% C# _. C) o
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 # z: N8 o/ a& v- z4 l, ^! Y
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script> ( W" P% v& t. E, \2 P
37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标 : n& N# ~9 ?5 c8 H1 m0 o  w
wait ：等待光标
text ：I形光标 $ C! G) k9 P2 ]6 N! Z
vertical-text ：水平I形光标
no-drop ：不可拖动光标   O2 |; b5 Z7 G0 f+ q9 h( d* R
not-allowed ：无效光标 9 K: G# s# `+ k3 }6 i$ L3 \
help ：?帮助光标 , _' G1 S+ c2 t5 T$ A( A
all-scroll ：三角方向标 # o$ e0 r2 o& ]9 ~# }% v
move ：移动标
crosshair ：十字标 ! g3 W! S! |. p: ?, b
e-resize . x! m5 ~- i$ m
n-resize : A8 s3 k- C" ?' o/ |$ r8 i! Y5 k
nw-resize
w-resize 7 y9 @" z" h! r& _9 _" L2 E
s-resize
se-resize # F3 |: q. V, F0 M4 q3 M
sw-resize ) f4 A# v2 Y" z, w& Q0 {& a7 F
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 7 ]. c0 ~  `4 \3 y
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: ) C' V( s* }5 U% W& r
　　0 矩形缩小
　　1 矩形扩大 ; ?0 W$ ~$ p7 N# |; z6 m) m
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新 ; C0 {( {. j5 B  v5 L  k5 g
　　5 上到下刷新   J: ~; w( v+ ]
　　6 左到右刷新
　　7 右到左刷新 ! Z0 i- w; V2 M7 }6 r  t
　　8 竖百叶窗 , P( o6 G8 U+ S9 k+ `( d
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗 9 i- b6 G/ D2 P0 p, n- [9 T
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上 ) ~) V0 g3 ^! {/ W% R# ]6 G8 I7 D, z
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上 ; s, q$ E1 J& l  I  N
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转 % |5 U9 h( j" Q: O; }3 I6 @! w
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 4 g" ~0 ^* m* y. r' V2 J- W
40.网页是否被检索 8 X8 F( c. L' O/ T/ W
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: : |( W; y) T* S6 `
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索； & S9 _2 u9 J+ J) {
　　属性值为 "follow ": 查询页上的链接； $ z% p, f( b# D2 J9 K9 Y8 A/ ~
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 0 z8 L0 z0 n8 B4 Z3 m
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 7 \3 A# K* b0 P  B0 J
最大化窗口？
<script language= "JavaScript ">

</script>
" w' }* H9 ~- E& H1 T$ }9 d

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： , K' A2 u9 A/ H$ l. [) `% L7 r. B
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> , j, f( c3 ]. v; z' O9 m3 @
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> " i0 A/ F# T8 O; w
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> ) ?* F6 t5 `% M1 q' j
</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> + ^( x' T  x2 _& M- l( }3 W  d
</div> / b# w5 }; }3 J
<a href= "# "  > menu </a> / P3 Q& M) J8 O# F# S
<form>
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 0 g& h- Q# m, e0 J: I* A
                        外向数： <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) "> 9 s% S( |! I3 }# w
                     　没回答的题数： <input
         name=unanswer id= "unanswer " ! |& z7 U, ~; E7 ]
         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) "> " W- X! h7 o+ f, o0 R
                     <br/> 0 j( r* @# Q7 k: }4 D& [
                     总得分: 0 |% I& ~. `" \# `& U0 h# e
                     <input
         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) "> 8 T* Z) g( R/ u: \% g) e. l1 k+ Z
                     　结　　　　论: % N2 C" l, [( u1 v
                     <input
         name=xgjg id= "xgjg " 2 `# g4 s6 Y1 I! t" u8 c; 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) "> , e1 q- s+ P- b1 F; {
                     <br/> / z$ J  M! q/ Z/ Y8 g
                     <br/> " w( B# e) ]1 l

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 0 n' T: e3 G8 p) e; k
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 " Y' P) o  m1 J
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <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 "> / ~9 m' J" _4 K! x1 H: [( O
                  </object>
</body>
页面自动刷新（说明） . \" C+ m" x; a$ p8 d* G/ q/ f; F
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. : @  G. a# `2 q) k) D  q5 v) \7 R
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 # Z; R* E1 X( e6 @
页面自动关闭 , s# I3 z8 @" |
5000是指时间 <body  > + k: A/ x7 p: e
弹出窗口自动关闭
10秒后弹出窗口自动关闭 0 F  P$ f& Q  l) \/ I! `
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 5 c, w7 q9 m: q! o  _% n9 C( I
head
<script language= "JavaScript ">
 ) ]& K! e# v& u2 M  ^5 e% j" W
</script> 0 c- g3 Y9 Y9 }* ^  m
<body> 注意：这段代码是在新建文件中的 $ W3 A1 C6 F+ b; H' K- p/ e
<script language= "JavaScript ">
  function closeit() % Q2 j+ Y3 ]3 Q/ a6 R* i* y
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> ; s# J5 _0 ~: f4 C  m
</object>

1 评分人数