另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴 3 h0 m- H/ G: w* P" N2 n
4.    防止复制 7 b" T* n0 j1 K. o- T
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 0 l/ Q. c  ?: _# `9 i* K
<script language= "JavaScript ">  </script>
9. 防止被人frame & W+ M2 G' v2 ]; e. k
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> % r2 |! k9 m! T3 H5 ^5 I
10. 网页将不能被另存为 ' K+ R# K- W3 _6 v
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 8 f/ \+ V+ t( ?# N
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 3 R, i9 A: P) g5 F. P9 {
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 # m3 V6 K0 B8 _7 v; S
//Javascript ! \4 M6 ^) J- [0 M" h, v1 u
<script language= "Javascript ">
function getIE(e){ 9 v6 ]9 i8 A# J6 R; {7 K: Z9 @* v
var t=e.offsetTop;
var l=e.offsetLeft; 8 h& B; P9 A5 b
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); ! o, x3 h/ o! x3 `$ [# m
}
</script>
//VBScript
<script language= "VBScript ">  </script> ' f! k  _2 `" ?0 V8 T
14. 光标是停在文本框文字的最后 ( l/ U2 g0 m0 i( n/ u
<script language= "javascript "> : l$ d: h# s0 @+ C& o3 L( D# }+ j
function cc() " f0 x7 V" [1 t( t
{ & z7 ]# k! E5 r9 d0 D& m: k1 q
var e = event.srcElement; * ]+ p6 h9 Q, U5 |/ Q1 J
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true); 0 r. S, Z/ x! p9 p
r.select(); 8 ~2 J) m2 y% h7 ^+ t
} $ b8 F7 F0 H- |& X+ m
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript: 0 t+ K* k& A6 v& D
document.referrer $ i# q: N0 b( K- j
16. 最小化、最大化、关闭窗口 6 G& F6 P/ h/ O! Z0 }# i4 ]
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">    P( e% h: L5 P0 i8 ~( a
<param name= "Command " value= "Minimize "> </object> 1 I, m& j7 ^1 f. z0 b
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 3 H) i% l& a$ Y. ]+ c
<param name= "Command " value= "Maximize "> </object> 0 H) p4 N: _4 e. z7 W# V' y" \" j8 v
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 4 N$ `; K2 }  u
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> . X; b3 @: G' _9 i& m
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> 4 w6 X7 r" ~% u  {+ a! l
<input type=button value=关闭 onclick=hh3.Click()> ) `7 T& ?! [( H2 m4 _
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> 1 Q) S' \' u' d, ?+ v
function look(){ + a* d2 y1 [5 G/ F, I; `# V
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look; 9 C& Q  ~4 r5 A
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> ( ]* W8 A% e' m  V
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> ) _: e% a1 I, H
19.怎样让表单没有凹凸感？ ( x: f9 f. O4 ]
<input type=text style= "border:1 solid #000000 "> , n3 m8 D( z3 w) e  J& }
或 4 N, w* ^: r. G, s& s, k/ v
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ 8 @% T: r$ h: E
<div> (division)用来定义大段的页面元素，会产生转行 + \# P* Q9 B9 x0 X3 o
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> ( t+ E: |: {8 l2 Z
21.让弹出窗口总是在最上面: + H" f. u8 l% p& P# r' t, A7 N
<body  >
22.不要滚动条?
让竖条没有: : o( W- F3 I7 s4 A8 \
<body style= "overflow:scroll;overflow-y:hidden ">
</body> ; C* P1 o3 C3 Z7 j, G, i1 h# Q! J
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> % h; ?$ R# l* d! E6 \, H  W# I
</body>
两个都去掉？更简单了 3 l2 r: h9 d8 Z1 K2 w' a3 E" g! X
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ 3 z, i$ L1 K2 a: e6 K6 v
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 % b, X- n0 g2 V& }5 i
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 0 o2 V6 L+ w$ p: O- d
<input type=submit> 5 R. X$ R. @$ ?' P2 }4 d: m- X
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ " U6 R6 F) [0 A( g1 m9 [
window.opener.location.reload()
26.如何设定打开页面的大小
<body  > , p3 ?0 o& r; U) y6 R
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> ( U1 z6 P8 _( d  U0 c% y' [1 c
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 ! N% ]* X$ v* `% g& y; }
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > 9 W  m/ k1 q2 p7 w/ D
</textarea>
32. 日期减去天数等于第二个日期 ( f& F& [* w7 _/ B6 V' |
<script language=Javascript>   S8 E* O3 ^- J( N  Q+ t  \0 S
function cc(dd,dadd)
{
//可以加上错误处理 * M) |) r. V* @+ w7 I5 U  _, X
var a = new Date(dd) " _/ t& m, i( A) `
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) ) P/ Q8 |# P- c" a' U
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} 6 w* S0 o& [, c& W3 H
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1 3 g  G7 I5 K+ b+ K8 C, O% P- \
if ob.checked then window.alert ob.value ) h! |+ \6 p! G% b/ |9 M
next
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style : O! L& p9 m# f: B
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode " |8 U" k9 A* W
<INPUT type= "button " value= "check "  > 1 v! \4 s" P  P3 `; n
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> 3 D5 r6 D) u6 Z: D$ a9 n! ^
35.ENTER键可以让光标移到下一个输入框 2 t5 f$ P7 f% s/ C
<input  >
36. 检测某个网站的链接速度： 3 }" y3 e9 z: g
把如下代码加入 <body> 区域中:
<script language=Javascript> 9 [% T" J5 S% t8 i8 \* K& G* \
tim=1
setInterval( "tim++ ",100)
b=1 7 `( c3 L* d2 f% ]( @/ T0 |4 {. n& p
var autourl=new Array()
autourl[1]= "www.njcatv.net " , C, ?- I9 p, q6 @
autourl[2]= "javacool.3322.net " ' @9 F/ q& l+ a
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn " 7 ], m' v0 z- t  X, m9 ]
autourl[5]= "www.cctv.com " & i4 X' L4 l- L, b3 w' f
function butt(){
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) - ?' Z+ ~6 K" D3 ^, l: H/ d, m" [
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 8 f2 v7 m( m' p. F* r2 P) c3 |0 @
name=url "+i+ " size=40> =》 <input type=button value=GO % U# C3 H5 h, X3 K1 e9 B. k( J
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")   o0 y/ d3 I  X* @8 }2 n
document.write( " <input type=submit value=刷新> </form> ") 4 b8 Q: U& M# N, O5 `
}
butt() 0 ?$ N* T8 Q( j, V, h* U  ~8 j
function auto(url)
else
b++ & O3 o" B1 z! J
}
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>
37. 各种样式的光标
auto ：标准光标 2 V$ n: g9 F; r5 ?  b) T
default ：标准箭头 . G! T" m, U; w, M4 z, a! o
hand ：手形光标
wait ：等待光标
text ：I形光标 + v* B3 C  B. g# ~7 F
vertical-text ：水平I形光标 6 r' [; o0 I1 W2 z. x" O
no-drop ：不可拖动光标 % `' V) F% J( @0 C, j
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标   B% l6 l" n9 `7 w0 U: ^: d
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize ( M+ o- L# G' n' d/ `
s-resize 4 a1 N# {/ X1 `$ x6 E
se-resize
sw-resize , y2 [) l! e, F) j
38.页面进入和退出的特效 % j5 Y: u* B" T$ S, W
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    8 U, A" n7 }+ z1 r  G
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 + I0 a1 a# q- W% B% [1 |
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新 + B6 E& r2 y# _2 a, s
　　7 右到左刷新 0 |: Q9 F( y" G1 I2 t
　　8 竖百叶窗 & l$ R/ P! q# r
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散 * c( d+ R2 i0 o* p6 l: ]1 h; p
　　13 左右到中间刷新
　　14 中间到左右刷新 1 r6 Z  J7 I$ ]3 C
　　15 中间到上下 8 z0 Z) y& P3 O3 P& \( C6 s9 w
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下 0 @- F5 P3 x8 _
　　19 左上到右下 ; i: H; N( v" h) G& A
　　20 左下到右上
　　21 横条 ( P* k8 [4 t' ]* B$ C
　　22 竖条 , `% N1 h9 s# M: A5 g
　　23 以上22种随机选择一种 3 W( D  z1 F3 \& t. A9 O
39.在规定时间内跳转 - Y3 `  s1 K* B( x3 G7 ~
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 . P7 O  Q8 D0 P  s
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； % s5 B1 l/ I- r$ S; f/ a
　　属性值为 "index ": 文件将被检索； ) y$ O2 q. j# T4 h- U% {# x+ H+ V
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">

</script> ! m; G8 w# B% j3 a# Y
4 m! g% J0 F3 X3 R1 l
9 a  @  a1 p, w, ?
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> ; ~0 F3 H+ @7 n2 f' I
<table>
<tr> <td> item 1 </td> </tr> : s! P% ?; r% _
<tr> <td> item 2 </td> </tr> 3 M1 c# v* ^. f* _
<tr> <td> item 3 </td> </tr> 4 A  k0 R$ A9 O- ?7 m/ R: @  R8 G
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> + X8 x# Y- g1 K& H! p
</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>   {8 M% ~% ^  X/ w+ ~# T
</div> + a* O2 x+ r+ r6 Q  @6 q
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input $ Z( }6 A3 C$ D* m9 Y3 s( F
         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 _. T* m. m  x# Y6 k
                     　没回答的题数： <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) "> $ y7 f/ ?5 _3 n; X
                     <br/>
                     总得分: - w% i: Q: k, E4 N5 \9 M
                     <input 3 F! g& i; D2 a3 q
         name=score id= "score " , I$ h$ r' |3 w' r9 _& S$ p
         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) ">
                     　结　　　　论: 5 G7 Z' s1 o+ b
                     <input & o8 u& d: ^: ?% g/ n
         name=xgjg id= "xgjg " & U/ s7 I( t1 I
         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) "> ) a8 v; _0 f" z9 T8 o
                     <br/>
                     <br/> + x( g3 U5 c( z

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> 8 ^) V  e3 x0 k; ]3 k/ V% b. l
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 - S* {3 N! H9 j- X" B/ e3 o1 p" \
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 9 {0 e) n6 o+ E( [
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ' d+ x6 F# R. Z/ m3 B' B& a9 ~$ }+ p
                     <param name= "Command " value= "Maximize "> * a9 m9 l2 E1 [" {$ v
                  </object>
</body>
页面自动刷新（说明） / s& R% M4 l+ j& j
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 * V4 |4 i3 X6 o! H! N, Y$ x7 h- S
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 8 B, T* p! A; E( N: E
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 + K/ r: b/ a2 o
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 0 F) ~6 ^; O* b% y/ R  Y3 v
head
<script language= "JavaScript ">
 , Z* [8 [2 v! t0 z/ g- S; q  R% C
</script> ; e+ x) v: I! q+ [8 `3 M
<body> 注意：这段代码是在新建文件中的 1 [5 r6 A% T9 t/ |8 J" h3 o
<script language= "JavaScript "> 4 g7 \+ N* U4 ?2 C
  function closeit()
  </script> 5 N7 g. d( A( L
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> # M: R  ]" K" P$ P
</object>

1 评分人数