另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 % U/ G- a) y1 V6 b9 C) W/ J
3.    不准粘贴
4.    防止复制   t. k" C' k; V" o$ U5 N
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 5 z3 n# J6 \. x( Q, B  D7 z, V
7. <input style= "ime-mode:disabled "> 关闭输入法 ! _& j6 n6 j! R7 [% l
8. 永远都会带着框架 3 Y3 V" M$ S0 \/ @. c- Z! @
<script language= "JavaScript ">  </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> 4 M" t' ?( V) B) I/ y3 F
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 8 E0 {3 U2 p$ g# ?6 F2 c2 ?
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 9 s  z9 v+ ^  c% k( q1 f5 K# @4 {
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 " [3 ~1 L& N" r, B# B
//Javascript 4 u# b) Z% ?( O$ U' R
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); 3 f& k0 I" W* W' Y
} % s. f+ B& P7 Q) a
</script> + e( j& g7 n$ b' X. o9 l4 t
//VBScript
<script language= "VBScript ">  </script> 5 c8 H; x/ g7 x( U) ^
14. 光标是停在文本框文字的最后 + ]8 W- `( ]0 |( y8 C- P5 m
<script language= "javascript ">
function cc()
{ & E' \7 Q+ r2 w/ z
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); , Q8 @8 c: S( i6 }
r.collapse(true);
r.select();
} 8 Y( s7 e) N0 Y* X: H# `
</script>
<input type=text name=text1 value= "123 "  >   T% A6 p/ w) d
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 5 i+ ]% i- t/ Y: Z8 j
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object> . ^! h/ G- ?9 @3 U& \" ]% i2 ~
<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 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> ( y4 F* s6 R$ [: ~
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> & W, ?) G' `6 x7 d# ~& I+ v
<input type=button value=关闭 onclick=hh3.Click()> + W& j7 m- J9 j( ^
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL * k0 x9 E( {9 i. i3 P$ Z* A7 d; Q
} & W- d( o1 \, \5 b+ b+ s
document.onkeydown=look;
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 6 o: F* W5 t: X9 }$ k4 w2 i; E
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> ( ]9 e3 m4 w/ F2 @
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ $ w+ s% T8 V' x4 u& U
<input type=text style= "border:1 solid #000000 ">
或 + v. S+ A) L3 T' _
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 2 d% M( k2 @) W5 o9 [9 N  X0 V- v
1 solid #000000 "> </textarea> - p/ x1 b3 P7 p  x5 H0 O. c% p
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 4 w- i0 j4 H7 J* M3 V8 I
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > 1 X9 U" G# E- x2 f9 Y% l* H! S" ~/ o
22.不要滚动条? / ]& {+ v' r( j/ G4 D; u) R
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> ) _1 v. Y7 q% w
</body> * j+ [% u0 V+ }# x1 S& h, ?1 }8 P' r5 K; ~
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> " }1 A% i1 i6 w; \: U
</body>
两个都去掉？更简单了 5 Q  W/ z1 Z# `- R( a7 o( M
<body scroll= "no ">
</body> 2 f1 P6 |3 K) k, ]8 o
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 & G3 w' W& K" j" v
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> ) v/ t  \/ q  T3 R2 Z7 {% u
</form> . W$ M% D  u* Y1 i2 u
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() 0 ?+ N% V+ {3 n# M& K. d( Z- E- Y
26.如何设定打开页面的大小 3 y  t, @; b1 n6 u& s
<body  > ) M7 e8 \3 m# c  y9 J$ D4 p0 a
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> : g; {) m8 Q4 l4 _$ A5 S& [' N( b$ r
body % @) \8 c9 Y( E" }- V+ B1 |
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 7 n6 ?% B0 [: P' o9 q. b2 L3 O: l
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成 1 D: f7 I7 Z1 b. ^) m. N$ y
<script language= "Javascript ">  </script> 0 t- h/ d! ?! C% c$ ^+ z, Q
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight 3 D( ?$ J+ f$ o) c
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); : [4 `1 H0 o8 t- k2 B
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 1 G6 _, p- ~3 }. [& d& F: f; R
<textarea rows=1 name=s1 cols=27  > 4 w- S1 G3 y/ W6 Y- ?
</textarea> ( I4 t  }# B9 F  w2 r  E* H' Z; U) P
32. 日期减去天数等于第二个日期 / ~5 F$ X( r4 h$ q" L+ d1 [; w
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理 ( d( f, B1 a0 w* ^0 h( {
var a = new Date(dd)
a = a.valueOf() 3 y5 S2 j1 O$ K4 a) t
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") & n. @3 E' i+ y& M! i# k+ ~
} 7 c3 X0 ^& h  S( @7 c
cc( "12/23/2002 ",2) 4 S' e8 j' S# j  ]1 X" _8 j
</script>
33. 选择了哪一个Radio ' Y5 b: ^8 H' O' }$ i
<HTML> <script language= "vbscript ">
function checkme() 2 x% q* ~1 E( v3 H
for each ob in radio1
if ob.checked then window.alert ob.value   f9 X% @- i% H( R* f
next
end function 7 B# s0 x9 t! B' z0 R& X
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode # _0 C" W/ |! ~; a5 J. e+ K( ~
<INPUT type= "button " value= "check "  > 2 u, C: j! S' c; u# s
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> : |3 O" D# d* \
35.ENTER键可以让光标移到下一个输入框 , h, m+ C% K6 {: s  C
<input  > 1 K; q2 R" L/ `% }0 h0 t1 B: _
36. 检测某个网站的链接速度： 7 A6 o  @' \! h' u! P* j: ~. v* s+ U
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " : \6 S* t; [/ D! I  o
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " , t' D' g9 `8 i6 ^5 R1 h# _
function butt(){
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 ( H& m1 o- ?5 p2 t9 S
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") 3 ^& W3 J* C1 n: f, O
document.write( " <input type=submit value=刷新> </form> ") % l+ x" r8 J0 v
} ! e7 z+ C- u1 f7 U) ~9 |0 Q
butt()
function auto(url) % O" d3 k' F( s8 r* P  d
else
b++
} # b+ O5 x6 @8 f8 g) ^6 N
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> % ?' N4 ^3 ^* F. N7 J0 U
37. 各种样式的光标 8 _& ?) I2 Q+ `* e7 Y
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标 4 ^+ h, ~+ x* S! y! G) w
vertical-text ：水平I形光标
no-drop ：不可拖动光标 6 ?2 g) H0 T/ M! Q6 M
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 " |/ L+ F3 ^2 p3 n2 }+ Z
move ：移动标
crosshair ：十字标
e-resize
n-resize 7 Y3 g$ J1 h! e5 {9 ?
nw-resize % f( f# \0 F7 i' H1 E* i; t. n
w-resize * j5 m! d! a% m/ [
s-resize
se-resize ' v- i& J9 A4 n. c1 _- U
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 1 s- K7 @' p- h! P
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: . a) p+ W- h( ?- g2 h0 `/ C
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小 % Q# A+ }& x7 Z6 U3 Y/ x% j
　　3 圆形扩大
　　4 下到上刷新 : p) B0 A' d' Q7 @/ t# F: A0 ?8 c. K
　　5 上到下刷新 4 y* t; h$ ?* d( J* i. U+ w
　　6 左到右刷新
　　7 右到左刷新 ) P9 I' J$ z2 f$ V
　　8 竖百叶窗 ' m( }$ L( {; S2 N+ `
　　9 横百叶窗 + T/ Q( s: `7 f# G' H
　　10 错位横百叶窗
　　11 错位竖百叶窗 : o! K4 Q' x# J9 y2 ~) e$ @; |4 o
　　12 点扩散 . O; A  f+ G) X3 T. S" G
　　13 左右到中间刷新
　　14 中间到左右刷新 ( f! H7 _4 V' Z
　　15 中间到上下   E( B! J4 K  R. t9 k
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下 8 G4 N, ~0 L. F7 m; r5 U  _
　　20 左下到右上 $ e% s- w$ w, j7 o* m  H
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种 8 [7 F1 m" [" v$ A+ z( d
39.在规定时间内跳转 + x  L9 ^* B- N3 d2 G7 Y
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 5 Q# p& X. |5 c( ~
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 8 m4 B7 K; t) y  p
　　属性值为 "index ": 文件将被检索； 4 a2 h5 c! q+ m
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ ( I" o* c( U( N' p. d3 l3 o( v
<script language= "JavaScript "> 8 `' K4 _1 f& e* S+ P/ O
 1 o" X; U) L7 Y. N
</script> / o1 S, h/ e3 ]

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> ! n% ^- q+ I9 R+ E
<tr> <td> item 3 </td> </tr> ! V: T0 g/ Y9 y( K" b) I  c
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> & n- Z" c6 B5 y8 ]2 T" T3 ^* U
</table> 0 @# f3 y! p: q
<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> 9 K, G1 ?( c  @
<form>
<select> <option> A form selection list </option> </select> ' d) V2 V% H1 p0 C2 D& k) X' Q
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> : T& v* ?- A6 ~0 s' P9 Y
                        外向数： <input 1 l2 x; q7 S# M7 y3 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) ">
                     　没回答的题数： <input $ ]; C2 Y9 c8 ]! w
         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) ">
                     <br/>
                     总得分:
                     <input ( e( Z, j. u4 b# b. m$ F! w
         name=score id= "score " ! E  Q1 D  B5 w4 f5 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) "> ! W+ F$ k9 @, b. d7 ^( B- p
                     　结　　　　论:
                     <input 2 U1 k8 x+ y+ W' q0 r: T
         name=xgjg id= "xgjg " * \5 g$ n0 Q! S" r2 I* z% U0 z
         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/> 5 }9 v6 |2 F7 c

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> - ]/ c8 P, F2 L7 r4 f
                        <input type= "reset " name= "Submit " value= "重做 ">   U: H6 F7 F0 w' u: e+ `6 ]
                     </div> . M( ~. ^6 |, @
注意：修改 <body> 为 <body  > 即为打开最大 6 N7 m% R7 H7 y1 e/ f
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> . d! C9 D* H2 |) ?: B5 ]
                     <param name= "Command " value= "Minimize "> 8 ]: D0 p! ?7 e# K$ |2 o; P
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object>
</body> $ w0 Z, X9 l, |6 ]# a
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. . Y& p. k, `. F9 w. b6 T4 W) b% j
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭 ; m4 z$ b; [+ b' M. H2 q
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> & |% ^& T8 b/ d) B6 r
head
<script language= "JavaScript ">
 8 R& m- k5 T- _6 X6 e. @& ]
</script>
<body> 注意：这段代码是在新建文件中的 ; D# @( G# t0 a6 S: E3 u7 h% h
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 2 Z: E2 L! o! h: j! |/ ?
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> / F5 f5 F" Q# h5 G+ q' b+ y- P
</object>

1 评分人数