另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 9 ~4 Q" W! G' L. N8 K2 A; ]
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴 " [( F4 h/ N2 H8 f
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 # ?; A6 i* b4 n- V
7. <input style= "ime-mode:disabled "> 关闭输入法 + [9 U9 u2 j. T" F
8. 永远都会带着框架 * o" X! I, x9 H0 x+ S" r1 M
<script language= "JavaScript ">  </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 # T5 i3 Y7 \; K: J( w, @" V2 L
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 1 }# }! A' v8 i! a) a
11. <input type=button value=查看网页源代码 9 W" t# f1 J+ S! W
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> , l7 E+ R- r* e( {
12.删除时确认 / c  G8 z8 G8 I4 ?1 a' B2 U
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript ">
function getIE(e){ 4 H" x' y) l* \. m+ |8 s( P+ W$ v- ~
var t=e.offsetTop;
var l=e.offsetLeft; ( m* W& D& n' A3 Y# u# Q
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); . h, a) |6 C2 M/ y7 D  Q- K
} 5 \; W9 s! s' K6 F9 `+ A( t
</script> 1 D. Z4 r. }4 Q/ \# y' Y$ R/ i5 k
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript "> $ w/ ^3 l9 K8 m  C; C$ j- L% P" G! m
function cc() ) W9 {, o0 m8 u& i
{ ( l; Y) F/ Q( H9 R5 I7 r& B- b
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); & m. @% _: _# C# N" a  y
r.collapse(true);
r.select(); 7 N; a& }) b1 D" D8 c# X
} 4 y- v7 o+ n( @# H6 r
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 ! Q# N  J0 Z8 L, o* B. ^. T
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 4 |0 w/ r- R/ Y$ s; q
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 1 l4 F9 |) t, j  p1 ^5 T- c
<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 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> ( ]7 n  Y9 ~3 E( m8 J
<input type=button value=最大化 onclick=hh2.Click()> ) \: Z) B1 s- \% }$ u1 M! T
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> $ ]3 s5 N* M+ ], l" S: c- E
function look(){ 9 h# E$ T) J. W% y1 _( i1 F
if(event.shiftKey) 4 D$ _" J. a3 l
alert( "禁止按Shift键! "); //可以换成ALT　CTRL ' o. Y7 E$ y0 F) G+ N
}
document.onkeydown=look; ( S) S8 X- r  W
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 3 y9 \6 B: j) h& H, E
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> : Y6 D! ~6 x8 d! C" E! ~
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> + g' s& X8 ?  d" M' o# e  }% @2 }( f
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> , |- [3 d! F6 V* m; h6 m
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或 ! l. F5 Y7 R$ Q
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ ) o$ Y4 L' I: C  b% D; L
<div> (division)用来定义大段的页面元素，会产生转行 % T8 b- y1 C" X0 r
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: + p* A) M+ ]1 [$ C" |" W
<body  > ' D7 ~+ \6 H- |' a/ @+ k
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> $ s9 L7 c) I- A2 ]8 B9 `
</body> . t7 ^& n# b! S# x& E2 |: M
让横条没有: 7 k& g# h8 M# h
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ & ?! `# V, B( _% m+ c5 T+ Y
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> " D9 y8 P2 _8 F0 T
24.电子邮件处理提交表单 + D: x$ k: H- L1 T0 P3 A+ q' U) b. r
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> + Q" r1 Y! v* R) ^
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ 7 U/ P4 d6 l1 w# H* v& q3 b9 [
window.opener.location.reload() % O7 N0 n$ M$ D! Q
26.如何设定打开页面的大小 1 _! H7 M" O0 F7 W
<body  > 4 b% `) d) x2 o* d" R! A6 v
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> 5 _- h8 y: ?# R5 U
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} % }- f) B* I$ |
</STYLE> , Q; [+ [( j5 P. o" }
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); & e8 l7 `2 I' Y; Q( y
else alert( "全是字符 "); . t$ T, Q& [- H- M, ~8 A
31.TEXTAREA自适应文字行数的多少 9 e& L4 @2 U- U: Q# D' F, U
<textarea rows=1 name=s1 cols=27  > 5 j( `1 s/ P) R2 L# q  ~& _( w
</textarea>
32. 日期减去天数等于第二个日期 * H) }. M& J! |5 y5 \) z& N+ D+ \
<script language=Javascript> # J# r  ~& f3 h9 j- d6 r+ k+ R
function cc(dd,dadd)
{ ; W4 h1 H3 a6 x7 R
//可以加上错误处理
var a = new Date(dd) + e7 l' W+ i1 H/ W# g
a = a.valueOf()   U8 X; D) ~* z1 o" G) U$ O( v
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") - k! S2 O4 A- e/ x6 @
}
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio / t& Q6 e* o) F& m& L
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1 : }' w4 S5 J* R3 J4 q
if ob.checked then window.alert ob.value 4 x- b' R' V4 B: d5 r" T4 a5 F
next 0 W! O  W* t$ |$ _' B5 D
end function
</script> <BODY> + E; \7 A* l% f* i: a6 A
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style : R6 {( z3 X' q+ @8 H5 V
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode $ I  k5 Q6 u/ T* Y3 S6 U% J
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错 9 h2 @- H$ E" S3 k
<SCRIPT LANGUAGE= "JavaScript "> $ ]. L' \3 o4 l2 M/ ?2 ^
 - n7 s' y3 H0 U+ Q% U  y6 j
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： ; ~. n% I$ l6 A. z1 D
把如下代码加入 <body> 区域中:
<script language=Javascript> # i9 x; x2 b  y: E) h0 f2 {4 F/ B
tim=1
setInterval( "tim++ ",100) " o$ B: F3 v7 a7 m8 L' W) G( b" ^
b=1
var autourl=new Array() 2 z- Y. [+ _) e! Z! q6 N$ n, G, o
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " / e" d7 c3 e% ~
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") / _7 z- d8 U& Z4 K  ^1 }: J
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text # F8 v6 C4 [: e. C, B
name=url "+i+ " size=40> =》 <input type=button value=GO 6 T3 J! C+ s/ I" |  u2 o# O, s$ I
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ") + Z9 j! v- o4 k7 Q7 [
} " j& X# o( ?2 p  E" f7 C5 j# g
butt() 6 S0 V* F$ E- `; O  F4 t; O
function auto(url) % {& i; Q$ f9 n/ d3 Q
else + `8 F' x4 r( N7 H; z
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>
37. 各种样式的光标
auto ：标准光标 4 T/ i" g: B! b0 x5 S2 @% @
default ：标准箭头 ) v9 H, o2 u# s, T; X: \  u, \) t
hand ：手形光标
wait ：等待光标
text ：I形光标 $ v. j# u# y: L' u+ C' s. r" H
vertical-text ：水平I形光标
no-drop ：不可拖动光标 . e6 y& J( O3 ?5 ~- `. f% ?5 }
not-allowed ：无效光标
help ：?帮助光标 ! v2 s* l4 c& D: }% a3 C
all-scroll ：三角方向标
move ：移动标 * g9 i4 ?  M; z. J( `
crosshair ：十字标
e-resize 3 F* {/ _/ Y5 ]" d2 a. Z* P6 H1 `
n-resize , c0 z/ j( q! O& y% A
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 ! h$ }/ }$ D, p7 }4 V5 Q
　　1 矩形扩大 4 R2 r$ b( J! Q, Y' J
　　2 圆形缩小
　　3 圆形扩大 ( Q1 j5 y( H) |2 C  q/ {. ]
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗 9 Y. U5 U5 D' v, S9 v6 {. \' d
　　11 错位竖百叶窗
　　12 点扩散 " ~: r9 J5 m6 l' }2 x( q
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 7 ?+ x' o6 D% C# |" N* Y
　　17 右下到左上 % K9 n  @) b; Y$ q3 U
　　18 右上到左下 9 O* N0 d2 J: Q' D( I
　　19 左上到右下
　　20 左下到右上 ( e. B1 u+ i( d- V
　　21 横条 5 {5 s1 ?+ e% i7 P9 ?
　　22 竖条 9 W0 e# c1 A& K- s8 `+ f. Y
　　23 以上22种随机选择一种
39.在规定时间内跳转 7 G+ b7 ^" G8 K# D6 u$ m0 b
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> : r+ O" |1 D, ]
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> ( @) R7 f  r4 D) o1 X; m  ~+ f7 ?
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 8 V/ A4 j8 G# c4 C0 @5 v1 F5 ?
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；   s3 E9 l% C0 q+ W0 F
　　属性值为 "follow ": 查询页上的链接； / y- n1 z# a7 |" w: g& [8 b
　　属性值为 "noindex ": 文件不检索，但可被查询链接； * z- F( N6 W: {9 T" }: S
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript "> . d  C4 X" B2 x0 a

</script>
( O0 a, \) \5 ~( s3 \, R, B

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： 6 M' e9 ]$ @4 ]; X, C% G
<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> 2 y5 i& ]7 e4 p1 Z& H7 a, k
<tr> <td> item 2 </td> </tr> : R; [% d  Z+ j& b1 E" u& n) o4 a1 T
<tr> <td> item 3 </td> </tr> % ^. _0 g: @% }1 u, a9 ~% r
<tr> <td> item 4 </td> </tr> / R/ k$ s) K9 F. M; x5 g2 S
<tr> <td> item 5 </td> </tr> 0 }; U. }* p5 \
</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> 8 T5 N  W1 ?4 J3 X8 s. L
<a href= "# "  > menu </a> + Q$ N; m% h; i& v
<form> 4 I, p& J, I: ?$ i2 L
<select> <option> A form selection list </option> </select> 4 T* a! R0 M4 @; V3 _. y9 o
</form>
输入框也可以做的很漂亮了 4 Q$ q8 Q- o9 ~% [$ Q/ l1 p5 r
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input
         name=answer    D2 R5 w. {* b/ f7 f( _4 p! 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) ">
                     　没回答的题数： <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) "> / y! b( _' o- `0 u9 w6 f* x
                     <br/>
                     总得分: 1 `( y9 r$ ~4 n$ M8 U
                     <input
         name=score id= "score " . P) m3 ~! [, Z4 \  Z6 g
         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) ">
                     　结　　　　论: ( j4 q( C* a2 M$ u/ T
                     <input & g# h  C0 o' N2 T9 }* H9 l2 L3 `
         name=xgjg id= "xgjg " 5 p% p, r  [# x) @
         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/> 9 |% X( r4 H, k
                     <br/> ! ?8 }' A7 _1 r) L. g' ~! p) E9 o% Q
                     8 X0 q& T8 Y5 a9 f) d( @
                     <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  > 即为打开最大 4 [( |( G6 j* M' w
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> 0 o% ~" S+ `6 ]- B' j
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object> + f' J3 |' V7 c9 z8 r; w
</body> 8 T! Q, p3 G4 [- x& l; I1 W
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 5 U/ F9 u# {* i, C& D# B
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 3 [) l; C& K6 R
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭 $ {1 S# [. f6 [' I. w- t: R
5000是指时间 <body  > ) x4 P7 {5 |& [% C; y2 _
弹出窗口自动关闭 & d/ k3 a& k( ?# Q# ]3 @
10秒后弹出窗口自动关闭 2 U6 M# N* k/ B9 y: ~5 b- @
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 9 y( J7 [0 z$ H6 V6 C: O5 |0 o
head
<script language= "JavaScript "> # v* ?1 i/ f# _7 t% M, A4 W  G
 $ r" Z. `" _4 J  F4 d9 _9 h! z2 ^
</script> 7 L; M0 ^& J( V1 I
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 1 ?! U  p& @# M
</object>

1 评分人数