另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 4 ~: u  r1 \& l0 X& `
3.    不准粘贴 3 Y6 {3 n. p6 T7 a
4.    防止复制 8 A+ }; R0 d. T, F7 g/ U* K
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 3 R  n0 i, h' [, o8 G8 c9 h
7. <input style= "ime-mode:disabled "> 关闭输入法 # K1 \7 L# ~' E) a
8. 永远都会带着框架 ( p0 S+ C+ f: {2 d. j
<script language= "JavaScript ">  </script>
9. 防止被人frame 6 r( _6 Y# U; _' v/ {8 E
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> ; y1 J6 F$ u9 e7 ^" R3 S$ ]" k
10. 网页将不能被另存为 6 I/ @! p" z4 L, B5 k
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 ( G8 }# `7 K# q+ O
//Javascript
<script language= "Javascript "> 4 ^4 D. K8 w+ _, C, x
function getIE(e){
var t=e.offsetTop; # D1 ?' @/ P, s+ d( r  Q
var l=e.offsetLeft; 4 g0 X) }: y6 b2 G3 h& W" ]7 N' S
while(e=e.offsetParent) 9 c* j) A7 z& f, o
alert( "top= "+t+ "/nleft= "+l); ( x) J! k8 A  b
}
</script> 8 k! l( R  }$ d4 _# B) o* g
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 & Q- {- U8 x- H7 x& t; W
<script language= "javascript ">
function cc() - @9 }( Y, x% i. r+ s& F
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select();
} . @7 I% V" n; s- E) L
</script>
<input type=text name=text1 value= "123 "  > & r" s: {/ T/ [: G0 d% w
15. 判断上一页的来源
javascript:
document.referrer ) D3 q4 o( d+ y
16. 最小化、最大化、关闭窗口 ! L! J% I# F  h' @& P7 C/ G8 G
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> / M. y+ ^$ j5 v# K* ~6 u/ j
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 9 y( u4 Y- W  z9 w' N# ]
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 1 p0 Z# i/ B; i  n
<input type=button value=最小化 onclick=hh1.Click()> * T8 P# k! \2 Q3 @6 F6 b& m
<input type=button value=最大化 onclick=hh2.Click()> 6 s3 ?7 d! n% g" d) g5 r
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl 5 ^1 l9 c% [  L
<script>
function look(){ , w& l( K+ B+ h4 S" A! Z
if(event.shiftKey) 4 I. y0 Z% P3 r. F9 e0 p( \/ f
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} + G( W; y* S0 S. V  e8 {3 K4 G
document.onkeydown=look; / G* k0 I( P- @( ~+ h4 p8 [
</script> , y6 x( ?. N) P6 x7 i: \- O! G
18. 网页不会被缓存 4 Y! U6 A' J/ S% a7 w
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> : J7 g: S" c* X! w) j2 U
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 5 J( i9 E- d9 k1 K6 x' D
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> 3 u; c$ G$ D' O- Q' ?
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> 1 O+ w: m/ |0 f' y
19.怎样让表单没有凹凸感？ & y5 t: j$ k; S+ [
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: : Q2 F9 E& F/ n2 Z
1 solid #000000 "> </textarea> & Z% |  o2 P2 J
20. <div> <span> & <layer> 的区别？ 5 F8 p2 N* R* K& m$ Z# M. O
<div> (division)用来定义大段的页面元素，会产生转行 ( c+ B" m+ Z2 I& F* ~
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 ) n& ?- C$ k7 |4 i7 E
<layer> 是ns的标记，ie不支持，相当于 <div> 7 i0 C: u# {+ Q! `$ B+ d
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? 5 G7 h$ C$ f8 V+ \
让竖条没有: 9 g4 t" N; q8 {: ]) T' \
<body style= "overflow:scroll;overflow-y:hidden ">
</body> - i; J: `0 E( u* g
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">    \2 G/ d. Z& A% H
</body> - L2 ^$ k9 m6 |8 Y! V9 p2 d
两个都去掉？更简单了 0 R& w% [) ?3 }0 `; p8 y2 k
<body scroll= "no "> 2 F0 o1 r, d" `, E
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ , Y0 ^8 _# F# O; g. ~
<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 "> + N- I+ c5 v5 }9 R6 J
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小
<body  > $ ^# Y8 F" N; t
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> 5 z/ N1 B/ R- F- ~4 w# }
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} 0 _5 J- |- F, b* J, T
</STYLE> 5 Z( y6 T- }+ l5 T8 x( r+ C
28. 检查一段字符串是否全由数字组成   Z0 |- k4 F+ g  V- W9 q. C% _2 F7 l* J
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小 * O5 O  i( a1 @1 U& F# {9 t
document.body.clientWidth; document.body.clientHeight   m2 ^8 j/ i/ x2 N5 h
30. 怎么判断是否是字符 % u8 ]. N! k' I$ _& B' [$ s
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); " r3 O9 @. E" Z# y: x
else alert( "全是字符 "); - u: ~% Z! j, O
31.TEXTAREA自适应文字行数的多少 , i- ^# A* k3 b# I- u
<textarea rows=1 name=s1 cols=27  > 1 k8 [+ {2 ^6 q" k0 N+ k
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{ , K/ o  O2 S8 d3 N6 P+ t* L& ~3 Y" @
//可以加上错误处理
var a = new Date(dd) ! P9 L' r  K" R( w+ b( i- m
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 $ W/ U% r# K( W* Q6 N
a = new Date(a) + [% J# m& g- p6 [3 O
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") & t" [5 X- _) I+ l
}
cc( "12/23/2002 ",2) . n& `& E. Z4 ^5 J6 o3 d2 x2 j
</script> 2 k& J; H% y( Y( E( U! Z- Y! f
33. 选择了哪一个Radio & Y9 U# f8 `5 a! y7 Q9 r  q5 j
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style + d2 q9 r$ p. A5 J5 i4 ~0 L9 N3 b
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML> 5 H# V  b+ D9 p2 M5 g! L
34.脚本永不出错 0 ?6 N! I, n3 m2 ~# s, L. `
<SCRIPT LANGUAGE= "JavaScript ">
 7 g7 z# H# N* X5 G  V# @
</SCRIPT> 9 a( p6 z! m6 N( f
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： 4 [$ g. D2 `$ ]$ D" I/ Q
把如下代码加入 <body> 区域中:
<script language=Javascript> ( o, t& N# r, q3 W) z7 m
tim=1
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " 6 O! C! t5 {. L8 B4 E
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " ) t3 W) r2 ]. d- a! G% U
autourl[4]= "www.nuaa.edu.cn "   m; V* Z1 b- C/ ]
autourl[5]= "www.cctv.com "
function butt(){ 7 L; ]$ I- y- x. s
document.write( " <form name=autof> ") 1 E8 W- x2 q# c. l! `* G9 @
for(var i=1;i <autourl.length;i++) ; y- Z# a/ c0 m, `) q
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text & G; l- b" M4 M
name=url "+i+ " size=40> =》 <input type=button value=GO " u- F4 m" y3 w4 A7 j2 G$ ]/ _* _
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
}
butt()
function auto(url) 4 Q# f# X& B" i% `2 L. h4 @/ y( a
else : W9 y; F8 s  D
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+ " ")> ")}
run() </script> / [8 o3 ~: |8 ?2 S/ a$ y% |) p
37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标 # n2 t9 q4 U, C0 Z9 F
wait ：等待光标
text ：I形光标 % H- t* Y0 j# w8 h" M% Z0 o
vertical-text ：水平I形光标 * u: X# e  d9 U+ A. m% h7 F* R1 r
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标 / F/ A6 l; l+ s
all-scroll ：三角方向标
move ：移动标 9 N' g! o+ h  ]
crosshair ：十字标 & l# H7 p" c  n1 q- c& l# V7 \
e-resize
n-resize   j, e6 D2 }$ g/ P, \6 _* q
nw-resize
w-resize   t( m! T9 t" [3 I5 S) B
s-resize ' \( s: c- u5 D% l/ c
se-resize 1 s! @; O: I3 ]
sw-resize
38.页面进入和退出的特效 % b5 c, s% \, h, R# l
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> & \' u: M  `8 c$ ?# j* x& h; _% A
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: : P$ }0 |- g* V
　　0 矩形缩小 6 p% x8 q( U/ g  b" U' o. k
　　1 矩形扩大
　　2 圆形缩小 7 C5 f0 }0 [' m+ \! r
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新 / x3 j6 m% s; U3 q6 E1 A9 X) `
　　7 右到左刷新
　　8 竖百叶窗 4 O7 o; d7 y# l
　　9 横百叶窗
　　10 错位横百叶窗 , \  H/ e/ m7 q- b8 i* e0 S
　　11 错位竖百叶窗 , l/ s! A- y+ s) ]  j
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 4 U9 u5 H" D& ]
　　17 右下到左上 ! K% Z$ {2 ?) J- R- @4 X8 B
　　18 右上到左下 / n/ a: U! |% Z0 Q6 i% ?
　　19 左上到右下
　　20 左下到右上 " G9 E4 v  X  n% V& N3 f3 D
　　21 横条
　　22 竖条 5 Y5 z4 x' o7 P7 A
　　23 以上22种随机选择一种
39.在规定时间内跳转 ! z% ^" o/ A( F8 Q! v
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> " M# R# s1 S# w7 z% H* K0 i" [
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> 0 u  G! s! Y: X+ T; r
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 9 ~% b9 J! X! T# K7 K$ k
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； * G6 P, S7 P& h5 s9 U  @" ?
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript "> 3 e9 \4 W" _& v6 @5 T% z# V

</script>

2 c3 G) y5 u$ b! ]
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">   ~% H3 h6 t% e7 x
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> " S; ]5 H4 j5 s6 P- p4 w
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> 8 l2 Q# v9 Q/ X+ f, m. P5 k
</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> ! d- O1 n# j; u, `
</div> , ?# A) X, N1 l$ G1 k3 S8 c8 ~" c
<a href= "# "  > menu </a> 5 v8 r1 o5 b% T
<form>
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了 0 {5 ]2 y8 q) k  c+ T5 V# E- S0 W# E6 ?
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> - q- B+ u+ [; Y) k6 j% K
                        外向数： <input
         name=answer . @2 E0 s; r+ `2 |
         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) "> + o: Z* k7 T' W: R
                     　没回答的题数： <input ; X- [4 l0 Y* g6 N) {
         name=unanswer id= "unanswer " / `8 O; {$ |) s+ [3 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) "> % W$ h" f/ C6 S& E/ n
                     <br/>
                     总得分:
                     <input 7 f- r) z( U/ }" y/ e& }
         name=score id= "score " 7 {1 {3 C0 \5 o. Q: m1 U- ]
         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) "> 1 @' o8 m* I  f7 L% X
                     　结　　　　论:
                     <input
         name=xgjg id= "xgjg " , @, ]& _9 h0 G* d
         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/>
                     <br/> * ^4 e% L8 e& v* B: ?* j
                     : B2 Q5 L5 Y) e8 L7 g
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> ' ^2 ?/ {  G4 S1 U0 t
                     </div> 7 k' b6 |8 E- d
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 4 K& m( S- |# g
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> - h2 ]4 M. H# {+ k8 e2 |& w3 Z
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> : u2 L3 w/ e2 J$ l
                     <param name= "Command " value= "Maximize ">
                  </object>
</body>
页面自动刷新（说明） $ O+ `5 ^% p4 c3 F0 ^
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 % X2 {7 K& v  v$ s
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 1 B  q  Q. o: R; e% }: v5 [  P
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 / i) j: S! R  n8 a4 [0 ^
页面自动关闭 9 Q6 ?8 ^  _/ @  \* A: {* |
5000是指时间 <body  > & b3 O) B3 I8 H
弹出窗口自动关闭 ) E3 m# C+ F0 \. O1 P" }1 o% B7 w
10秒后弹出窗口自动关闭 5 Y6 m9 |2 y1 W0 Q5 c3 }
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript ">
 ) M& i6 B: `- k! ^9 q
</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> 0 S- }: Q* U7 ?
  function closeit() 5 M. z; E- ?, i5 [8 D! O( d) m
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数