另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 $ a, p2 v; }- N4 z! u6 O; w
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table   h/ N2 a( L: j) B* O
2. <body  > 取消选取、防止复制 9 t3 |9 l6 t; C/ n$ ~& ]$ _
3.    不准粘贴 ! Z7 W+ e+ g+ \5 m9 c0 v
4.    防止复制 1 ^# B% g: a6 k' b# K+ e
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 ; d+ W% b. b8 s
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script> 5 _4 D8 m" [+ o
9. 防止被人frame ; N6 m# @1 F) Q  d1 f
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> - V/ ?: F/ {2 n7 L5 H+ ]
10. 网页将不能被另存为 ( V/ {. f# f) q3 C
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 9 X4 F) @: k! V9 q+ Z3 _
12.删除时确认 0 n  o) L2 g; H: Q
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> % q5 O$ n) @; Q4 v* P; Y2 A
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript "> 5 j$ j1 a4 H+ L) W; L* q% G6 Q
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft; + }" @8 ]) x- i- W3 n3 z
while(e=e.offsetParent) 3 c2 {7 U4 j1 U+ M
alert( "top= "+t+ "/nleft= "+l);
} ! F; T) k, N0 s, B9 P% f
</script> % f1 T2 }' A: }$ b1 T; Z( t0 ^
//VBScript " d" Y1 |! S& O, a# Q4 u+ n, r& a
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 ) w7 ^% m! n  @/ I: O1 r) w6 Z
<script language= "javascript ">   t' B: C" b- {" z* c* t+ p
function cc()
{   z* {- c9 [: G; P- ~
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); - w  T- |9 T3 g: K( l- s7 E. l) \
r.collapse(true);
r.select();
} - {" l, ^9 `  B3 h8 x1 u  {
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript:
document.referrer , ~: |; I$ p1 u5 L( o8 k
16. 最小化、最大化、关闭窗口 , [* t2 D  r3 l7 B/ p2 G, d3 m
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ! t2 j) |% N" Q! n2 {
<param name= "Command " value= "Minimize "> </object> $ S" o# `5 G8 O5 _8 t5 `
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 9 n% o1 G6 W% G0 F6 ~2 T4 V1 ~! y" t
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 6 x' S  M7 x& Q$ m
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> + _9 w4 R2 S3 Z6 d9 j$ e
<input type=button value=最小化 onclick=hh1.Click()> ( @* ]) z& f' b* Z0 n: ]" f
<input type=button value=最大化 onclick=hh2.Click()> 1 B( ]3 k5 x3 ?/ B( |  e0 z/ \) K. S
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> 0 P; Z) F6 i) b8 E% y' _
function look(){
if(event.shiftKey) - s, ]* f' g; s* v6 V
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look; , A. U! p) H4 _% m/ c
</script>
18. 网页不会被缓存 5 Z# C0 G3 X4 R6 f3 s' t
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">   I" l0 J7 X1 c6 ^, B; N
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> ( G- u2 U* ~/ g# _( W9 O: }+ ^
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> ( p  a% E- N- g3 f2 Y
19.怎样让表单没有凹凸感？ - T1 _% o  w2 J! e" I
<input type=text style= "border:1 solid #000000 ">
或 . V4 D, Q& w2 U8 ]+ I- F7 N
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行 # f' ]4 I; |2 m6 E1 g5 G+ n
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> : `- n  i- f' Z+ q, M! A
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? 4 A7 Y# D6 J* [& }& f+ J/ }! Y; C
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有: , M1 z$ Z  O- G7 \
<body style= "overflow:scroll;overflow-x:hidden "> 7 a' ]& T& g5 h' Y3 k
</body> : I6 m4 ^' l% `$ Y
两个都去掉？更简单了
<body scroll= "no ">    o8 U0 o$ W7 U- B; e/ r2 ~" G  a, D
</body> 0 [5 c1 R9 ], A1 h0 d
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 6 v1 m- V7 A4 C! N* y, @
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> ) l4 }3 t; ^, X  S/ u3 k) Q7 |
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ 6 f: }2 y% h" u% |6 A: x8 Q1 [
window.opener.location.reload() , E' l% I6 g, w/ `
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  > % \8 k; G" i8 ^* L
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 3 V; h- e  X' t, C- J/ K
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE> ) K# L$ N; Z! ]0 d; J
28. 检查一段字符串是否全由数字组成 + q2 D% O- R  V' y8 N. o4 D4 v
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小 - I0 I- _% I8 `* X( D' `) q0 ]
document.body.clientWidth; document.body.clientHeight 2 w) S4 u; q* j
30. 怎么判断是否是字符 0 k( Y  M5 G! b1 Y
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); * |8 d& K9 L& _) U, P
else alert( "全是字符 "); 5 I9 Z) _3 H. J  j
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  >
</textarea> 2 p# E; |9 i  [, ?: `: n8 @3 C
32. 日期减去天数等于第二个日期
<script language=Javascript> 5 Y2 Z9 }) {0 O7 ^# E5 G+ ^
function cc(dd,dadd) 3 Y* \3 d* a8 V( X' S5 b! D
{ ; U* [& Q0 T6 \+ w' E4 ?) D
//可以加上错误处理 ( X: D* B9 \9 q6 o" U4 |
var a = new Date(dd)
a = a.valueOf() ' c7 E- }; [# A' q
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") 4 t4 F; Z  i0 F9 _
}
cc( "12/23/2002 ",2) + ?7 V/ z4 B6 z$ V* J
</script>
33. 选择了哪一个Radio 9 ^3 p! V8 x* q6 D
<HTML> <script language= "vbscript "> . G6 ^1 a% E' v9 l+ O' R& U
function checkme()
for each ob in radio1 . ?  A/ Q* @3 k
if ob.checked then window.alert ob.value ; S! j1 R3 z8 \+ T( C- V" a0 P- D7 r& B* i
next
end function
</script> <BODY> 8 t; [% w, |! j5 v5 P3 J& Q8 \
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 6 B1 |0 E2 l. [, N. X4 z) }7 M8 {6 k2 X
<INPUT type= "button " value= "check "  >
</BODY> </HTML> & P2 \% Y% |* x& g
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> * |  z4 x$ }0 Q2 B9 ~: F
 $ R8 G/ O- K9 E1 m; R9 @
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  > # R0 z+ H( t3 q
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1
setInterval( "tim++ ",100)
b=1 * X, y/ H5 R) m* |! \6 t
var autourl=new Array() . ]7 I3 R" g! |' G6 Y' D
autourl[1]= "www.njcatv.net " ! |$ ~/ t- B' m; y8 K
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " 7 v* T" Z/ ^' f8 |4 n, D
autourl[4]= "www.nuaa.edu.cn " ; E' z0 c1 a: V, A9 I, w" o
autourl[5]= "www.cctv.com "
function butt(){ 2 m/ Z( \5 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 ! ?4 v8 z7 G9 m# A
name=url "+i+ " size=40> =》 <input type=button value=GO 7 |+ P; D; n+ l' d
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") 3 ~5 h9 O. G( o! v5 V; g; g# U
document.write( " <input type=submit value=刷新> </form> ") ; @) W2 v7 c- |& P
}
butt()
function auto(url)
else * {6 X/ S! g/ [* y
b++
} ) _! M9 D0 \/ F/ w2 D
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 ：标准光标
default ：标准箭头   Z& e: S+ t  Q" `- l5 u' z
hand ：手形光标
wait ：等待光标 . ]% i- _4 P/ h/ Q/ Q% b% b5 v
text ：I形光标 ; Z& h+ O  e* K- k7 g) T; ~6 Q0 u
vertical-text ：水平I形光标
no-drop ：不可拖动光标 ; y8 @3 ^8 O: }/ h$ _5 v
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 - t+ e& a* v3 N  A0 N  ?
move ：移动标
crosshair ：十字标 ' R7 e: q6 M" m: P" k  e+ _5 `
e-resize ' P7 n4 ~) l" G
n-resize / n# G0 Y9 d! F1 x
nw-resize ' I) |8 e! ?8 B- j# Z  k4 N3 ]
w-resize
s-resize ! _; c( K1 p+ b
se-resize : @7 X4 K' x  }# C
sw-resize " q7 k$ G; ]/ y9 Q; A3 S& v' W6 e% ~
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 3 u' f$ x' N7 g+ l! \
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 * K3 \. D+ |* T; q. L. v4 ~) S1 w
　　1 矩形扩大
　　2 圆形缩小 ! q4 O! {& V" g! T5 d" c
　　3 圆形扩大 % O& B, C& q) T
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新 ! f- M& y; Q+ B+ Q9 D
　　7 右到左刷新
　　8 竖百叶窗 2 }( R" u) \! C6 Q( C  [
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗 # Y( i. N$ D$ M& A' k* F
　　12 点扩散
　　13 左右到中间刷新 4 O7 q/ A. w8 @2 A: X# }! ?* W
　　14 中间到左右刷新
　　15 中间到上下 : ^' B' f1 V9 `9 `
　　16 上下到中间 : q( P3 j6 ?) ?  ?4 A
　　17 右下到左上 0 g) P7 u6 T; o$ \$ t
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上 1 z. a/ x) R) ~& i* a. T3 h  E
　　21 横条 ! G! S: D7 Y1 x+ h# ^7 j
　　22 竖条 $ i9 r( f1 j$ s
　　23 以上22种随机选择一种 - B/ i* x$ U: U4 I2 l& r
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 0 P; H3 d. Q# {% z2 U
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； # U) l! v# {4 r2 ]+ I
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； 5 Q5 Z  c0 V. B3 m! m. N  S, `( ~; H
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 7 o; \% ?8 Q( A8 M
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ # j2 c$ Y8 d1 ]0 {) g% e
<script language= "JavaScript "> 1 R4 C- i+ g2 Z+ O
 - T3 g$ O3 v* ~, E; Z9 K1 V5 g
</script> - K3 s/ U7 N! q$ b3 H# c

' @3 T8 ?2 W* D! M# n: u
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： - J+ [8 I" b! Y6 k* X* s' p* _
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> - t+ y5 i$ N/ n+ `% p
<table> 1 c3 c! S) r0 S. O  \0 Z* v
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> & K4 X7 x9 N: j, g8 L% S/ w0 `
<tr> <td> item 4 </td> </tr> 9 X5 @! Y) A3 l$ D/ x
<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> # `9 U+ x! E) w3 J# g: s
<form>
<select> <option> A form selection list </option> </select>
</form> ) N/ H" T0 W& F0 x
输入框也可以做的很漂亮了 7 T1 P) x1 K* o; B% L4 Z, w8 l
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 9 Z. d8 [/ G2 _9 c. ]. Z
                        外向数： <input + X6 q) ~) m7 q+ ]$ m- W6 L
         name=answer ( _6 Z7 c. E) B1 ]0 _. 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) ">
                     　没回答的题数： <input - Y& M9 x+ z5 V/ e. U/ v' {/ 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
         name=score id= "score " - }& F' S0 K7 \5 W3 A$ W
         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=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/> & C( N' e* C3 p8 w+ H; F2 G
                     <br/>

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> / ?! }6 Q- V/ U/ C3 K$ z7 d
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 ! y) d7 H4 w# ]. E" w8 Z
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 7 M% k4 ?$ ^9 u; @! D/ `# g9 a( u+ h
                     <param name= "Command " value= "Minimize "> / N6 P( W* P1 z3 \0 T% J
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> 3 L* N1 K/ f) g, Q( t3 }4 x
                  </object> / A! D+ K( S9 x6 F9 N7 M' |
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 4 r- x9 f7 S: t' M2 \9 I# [' `. A
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. : p9 ]" ^: |; s3 M( r
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 + b( g7 L" E: C$ [0 u3 C) _
页面自动关闭 9 ?1 t. V: \1 l3 {% k2 Q+ o
5000是指时间 <body  >
弹出窗口自动关闭 / \" |5 @/ I. T
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript ">
 / @- u* h2 V& w$ W1 |& h+ N! @. N
</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit() ; ^9 P) U4 l: g' w! c
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数