另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table 2 j9 i2 R0 t1 c, d4 u1 k, d
2. <body  > 取消选取、防止复制 # H: |4 P1 ^' o
3.    不准粘贴
4.    防止复制 . J$ u& u; K! D$ m% a7 c
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标   K* R( T! Q0 L- L4 p
7. <input style= "ime-mode:disabled "> 关闭输入法 # g% E; y( g, r7 i" ]
8. 永远都会带着框架
<script language= "JavaScript ">  </script>
9. 防止被人frame , ~7 w. v4 @3 k  j
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 ( |; x" t, J& m" M& E+ x
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 8 [( P# a% x$ q4 F
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript ) e  h2 v1 q) j% A7 M
<script language= "Javascript "> 4 n" z. `9 {, f; y) ]
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft; / Y8 V7 M" S9 u
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
}
</script> 8 F" N" o( K6 Q8 ]
//VBScript . j5 T9 r$ k- M: ], |+ e6 b
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc()
{ / ]/ v3 a8 c  X% @5 o8 B
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); % `  G+ S  D; B0 Q
r.collapse(true); 7 `2 R/ }; m6 {$ c) Y" v- S# k
r.select(); ! j: X- q, g! @  V7 i
}
</script> ) `& G8 N1 z) b+ w  W$ ~
<input type=text name=text1 value= "123 "  >   S; X5 R' E' N# Y% a
15. 判断上一页的来源
javascript: . y$ A9 @7 |0 E& {$ E
document.referrer + i5 W0 b. M  u( z: `
16. 最小化、最大化、关闭窗口 + t5 \/ q. g# ?; U1 y
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> & c# ^8 }) ~( ^& c
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> / `+ ?) f$ _; t: b3 |
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> . U4 b* z! Y! P' l
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> % p5 J; v, a8 k# \! J* l& C
<input type=button value=最大化 onclick=hh2.Click()> - h5 j5 \- h4 ]8 |1 |$ ?6 q- Y9 g
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE ; w0 }2 ^. M& {) R  D
17.屏蔽功能键Shift,Alt,Ctrl
<script> " I( E- Q" E, f+ m0 Y1 i
function look(){
if(event.shiftKey) % |: u. f- e5 `
alert( "禁止按Shift键! "); //可以换成ALT　CTRL # ^7 G) s: ]$ m, k6 G
} % c3 x5 t4 ^. ?" ^# y" u  t
document.onkeydown=look;
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 1 h* z  P7 k7 [& V$ F, {
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> 8 r' V. Q: w1 ^* g+ ]; u
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> % H& N$ T6 f% J2 g2 r, @' l. |6 S  f  F
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:    r5 Y: |3 z5 {1 G& h
1 solid #000000 "> </textarea> 1 V1 P) |- _; S
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: 5 B5 ^3 v3 f6 z
<body  > 3 U9 O1 F: N) A0 [( v) `
22.不要滚动条? " W. `0 h2 D7 H* O4 p
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> 7 f+ }: N! _8 z- t  O0 C5 `" {0 s
</body> 0 H" V9 I* Y5 A
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> 1 M% |* o' q2 G% i- X6 q& {1 G
</body>
两个都去掉？更简单了
<body scroll= "no "> : `8 U; w* W! h# m$ c( @9 U
</body> ; B% a! l4 H; E& Z
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 # Q$ w. v' `5 Q) m
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form> ( F2 g& j9 T- N9 v
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小 + `' s- S  L2 U% T& k/ n
<body  > " k3 ~2 P; \7 z- C
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 6 f5 b' b. d  x2 s, ^1 A
<STYLE> & l3 [. ^& d0 ?" W3 E! P# w
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} - U' v9 g$ ^  p/ @
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> " D3 a2 [; M0 ^
29. 获得一个窗口的大小 * R- h4 g7 I' ~) p
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > 5 n7 F3 i4 D3 T! F, n; c
</textarea> 9 T$ ~8 Z6 E- T$ ~  \1 ^: }  n
32. 日期减去天数等于第二个日期 & o# X! g1 b. f) n5 v5 Q) f" w# p  @
<script language=Javascript> & w/ V5 w- \# r% U
function cc(dd,dadd)
{ 9 J! n8 `; n; J
//可以加上错误处理 2 h& s8 {7 O- k* k
var a = new Date(dd) 9 a5 |, ]6 N# k' q: T# T
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) 4 D# M# k6 i) S6 w& X
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") 9 ]1 }9 g* P8 M+ w3 O5 w) W
} 0 D$ }' I; ^) B( N) ^
cc( "12/23/2002 ",2) 4 U# m7 Q3 A6 e  t: O- H! X
</script> - n7 B' g' r# S+ o. Y
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> 7 r* Q  z) q+ ?) F  t* F3 ^4 J
function checkme() 6 ~4 Z2 c0 u4 f) s0 R; [' U; ~8 o" a/ h
for each ob in radio1
if ob.checked then window.alert ob.value 5 E: M! M$ T3 f/ z9 D
next
end function
</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> ; F! A* m7 V1 s9 t0 Q% d
34.脚本永不出错 " |' x8 A6 L6 ?' L( |9 u
<SCRIPT LANGUAGE= "JavaScript "> ( M% a. {* Y" `

</SCRIPT> - C1 g* s! e) `$ k5 s% ^: c
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: + F( V4 s0 w% @  E7 N1 l
<script language=Javascript>
tim=1 7 [9 m0 I- ], n2 a2 n7 r0 K! ?
setInterval( "tim++ ",100)
b=1 8 o0 s$ ~. |. t1 X" f* E8 m
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " ) [  w% A8 C( B( Z7 f# d3 N) H
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " 9 \" X7 l/ F& w4 C  J/ c0 k$ E
function butt(){ 1 y  I9 v4 Y* U( M; b/ Q
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 ' U: I7 O+ v# u$ l% I& Y( j+ r
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
}
butt()
function auto(url)
else 3 f" x( O: {$ t8 }+ K5 ~% j
b++
} + b+ \/ g5 V6 L) R4 i( s8 f7 O
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 3 w' N7 V4 O2 f- z$ M
onerror=auto( "http:// "+autourl+ " ")> ")} ' r8 G8 o* E  z
run() </script> 1 N3 n- k$ M6 }
37. 各种样式的光标
auto ：标准光标 3 ^& h3 c" W# w- Y
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标 ! `- g* h! H# \$ o! J+ {; Q
vertical-text ：水平I形光标 * a* n0 q( R0 ^/ l
no-drop ：不可拖动光标 ) J6 }4 I- \6 F6 X& p; d" u
not-allowed ：无效光标 9 ?& i7 J2 `: ~: S, }% _
help ：?帮助光标 + b3 l* {" ^, O8 Q( N( p
all-scroll ：三角方向标 . c+ L' ?) U; |' @1 x
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize   r% k7 L. L7 I% j8 [% P
s-resize
se-resize
sw-resize
38.页面进入和退出的特效 # b% x0 Y# k  J+ `$ l
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> & D# I; C6 R. m, S& k
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    , r2 O- x( B- a+ C! _
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小    I1 I, Q( i( w5 b6 T1 t
　　1 矩形扩大 ! w& ]- |% A$ l; k+ ?3 F
　　2 圆形缩小 $ `3 h/ l& Y1 F% j3 s8 X
　　3 圆形扩大 7 W. H' T& G, m4 g8 P
　　4 下到上刷新
　　5 上到下刷新 ! c1 y3 o- X# P  V: ?7 s& e+ A. Z; Z
　　6 左到右刷新 8 \& F0 c0 B  q: K  H
　　7 右到左刷新 ; a7 ]" q$ e$ c
　　8 竖百叶窗 ! t: ^, R- [# W2 ?
　　9 横百叶窗
　　10 错位横百叶窗    H/ Y# B5 y. Z- ]8 f5 D0 I" A2 y
　　11 错位竖百叶窗
　　12 点扩散 & ]$ D, B* w% I' j
　　13 左右到中间刷新 * \/ D& X* \$ S5 ^0 _
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下 8 h6 v* @8 k# s1 N& p+ A+ _  S
　　20 左下到右上 . j" I) G$ _( Z2 C: C! S1 s
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转 ) z+ q; F9 p) c
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 3 `& ?' O2 n* m. X  `& [8 f
40.网页是否被检索 - O: m4 A5 Y; [' h
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: 1 _1 f: E6 _0 K+ [# Z3 w
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ' n! v0 g3 R  i9 ]  b
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； ' n1 X2 l& v5 H0 ?; r3 I& S3 `& H
　　属性值为 "index ": 文件将被检索； ! w# r8 V) ~8 B) L, z
　　属性值为 "follow ": 查询页上的链接； # q  K% c- f$ k) u, V9 ~
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 & k- S; X; u2 _, G
最大化窗口？
<script language= "JavaScript "> # n" Y5 Q. ]+ ~5 G+ \0 a4 N8 H

</script> ( }* Q, A( ^, E( [

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> ( B" z# g' q! \
<tr> <td> item 1 </td> </tr> * P4 p/ [* P: }* e$ a
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> 1 Q9 j/ n' R# s; [  d
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr>
</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>
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select> 0 ?, g9 t# r% ^  E' a
</form> ) H& z+ C* P3 e3 q, L3 s. ~
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> - I7 x. V, g7 Y  T! [
                        外向数： <input 3 q3 s, d2 L+ M. K9 m' ^
         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) "> # q, e, e( z. c# E3 d. I5 \+ e
                     <br/>
                     总得分:
                     <input
         name=score id= "score " , J8 _. M8 X9 j# G6 O; t
         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) "> 3 O+ X& p1 j5 R, Z
                     　结　　　　论:
                     <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) ">
                     <br/>
                     <br/> 7 c, ^9 y" {' L1 K

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> # O" [' ^: v7 ~# |5 T
                        <input type= "reset " name= "Submit " value= "重做 "> 5 Q% Q" ^  _( p# g& `+ Q$ e% f% M) h
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 / _8 o- L: o3 X# w- Y0 m0 L
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 ; |+ C- ?7 C6 L9 `1 n) V
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 6 h' f+ e" i; A" Q( G' b5 a
                     <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 "> : p+ d  k2 j# m! ]4 B
                  </object>
</body> + f) j- G+ z3 X( [, T3 t7 }
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 2 K$ H" Q; s8 ^, i; E2 H
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. ; J1 E% p  x# Y6 Q  P1 x* I9 H
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭
5000是指时间 <body  > / q8 A4 o' p- W. L3 t  n1 n/ u! k
弹出窗口自动关闭 " G5 q" q5 z2 }% y$ X7 |+ j
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> $ \- \% k. Z7 p
head . x2 ?9 ], E) w
<script language= "JavaScript ">

</script> , ^; j' n+ b& u
<body> 注意：这段代码是在新建文件中的 2 V" R8 e% ~5 {2 G2 R: V
<script language= "JavaScript "> ; ], S2 G8 E; [- k
  function closeit()
  </script> . j- [' f8 ^, D1 o
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 6 R: A$ ]0 N1 s) C+ Y& z
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数