另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 . _; }8 M  `/ g6 t4 M- h
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table $ t. u5 Q9 d: N
2. <body  > 取消选取、防止复制 + U. Z1 D) m1 [4 m0 U, W
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 7 |* I8 C: A7 C- ?# b7 ]
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 ) g' _# O+ w( W9 A. n
7. <input style= "ime-mode:disabled "> 关闭输入法 " d% `$ d0 t4 w6 q$ R
8. 永远都会带着框架 ( W& \% X2 A3 q; l5 P. W: z% ~
<script language= "JavaScript ">  </script> ! L  G5 Q. P, a9 q
9. 防止被人frame 6 L% H0 \1 a4 P6 \
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 8 h  b: H* C8 ]2 x) I$ w6 a. U
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置   g6 M/ [' }5 c0 g0 C) e
//Javascript 2 G6 {" {1 }) g1 F
<script language= "Javascript "> ! [$ q6 v, `1 R5 J8 b, `: I
function getIE(e){
var t=e.offsetTop; / P' N' S! L5 t
var l=e.offsetLeft; : B7 `; _1 ?$ K9 y7 w+ p
while(e=e.offsetParent) , `4 b8 M, [! z/ d/ Q
alert( "top= "+t+ "/nleft= "+l); * K$ r' Y. W& s# A) _# s
} + N+ V6 P' e2 c; i* q0 c
</script> 6 A3 \) ~5 E& E9 k3 A
//VBScript 2 j1 s* {; J. p9 H: C9 G5 l4 ]
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc()
{ 7 j2 r0 [1 L/ b0 r
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); : F2 `, J9 v# p* I" x/ b0 X
r.collapse(true);
r.select(); 3 H5 e! K# ^9 Z; x/ w
}
</script>
<input type=text name=text1 value= "123 "  > 4 A. ^0 [7 y1 m4 [
15. 判断上一页的来源
javascript: $ r2 S" }7 X0 w7 b) d4 @4 Q
document.referrer
16. 最小化、最大化、关闭窗口 / F6 _3 a/ q# C$ q# L
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> + }' l( x+ m' @! B0 U$ G
<param name= "Command " value= "Maximize "> </object> 7 M: ^9 a3 n  N1 \4 [1 a) Y
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()> ' W1 j2 F3 ^7 _! W/ Z. |8 a
本例适用于IE : q7 B& a- p# r* f5 x% s8 P
17.屏蔽功能键Shift,Alt,Ctrl
<script> 6 z* i2 `) r1 M- {, w: z  R+ j3 Q
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 8 A- A' f; Z/ I) d
}    L6 ^  M9 S  O4 m9 v' \
document.onkeydown=look; ! ^# T5 o$ H/ K+ ~* u
</script> 4 N' \& _1 d% [- `) ]% h
18. 网页不会被缓存 " R- \% }8 e* w0 w
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> ( D+ b7 A+ J) s( Y) D$ X
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> 3 x1 |& J% ~3 g+ v- y2 C% b
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> ; ~5 I8 g! l! X' _
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ ; z; A" ^* Z2 j0 y8 G0 ~: q' i4 }7 t4 E
<div> (division)用来定义大段的页面元素，会产生转行 " }) N" p5 m8 U$ n- X1 B+ Y0 H
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> 9 R( b! ^% R7 D3 J+ \$ j
21.让弹出窗口总是在最上面: % }" \% D& U, {$ r
<body  >
22.不要滚动条? $ c4 ^+ [1 G. B
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> : N  C& c( I% f/ V' u
</body> / z7 W2 q. f8 z0 O& M
两个都去掉？更简单了
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ / n% S" r5 a3 V. ]: l- s* b* O
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 * u& {' s6 N! h
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ / s- m6 V3 U* g! a9 Y, `
window.opener.location.reload() $ f- s/ @. M, B6 _9 H- R7 Y
26.如何设定打开页面的大小 ! \  m- l" n* Q
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 1 g3 ?0 l: K% x" }6 x* B' ^
<STYLE> & t; E' ?0 S3 y/ |5 [) [8 S
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 6 |! e% I8 Q( L0 ?& N  C* X* s: k
background-position:center;background-attachment: fixed} * X. z/ X/ u4 W: I; t$ B* D% {
</STYLE> : A+ b: z  e9 U& R2 P4 G& a. P
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); * ~0 d+ i& P8 [& W3 _( }( H
31.TEXTAREA自适应文字行数的多少 . n9 v  y1 t% R
<textarea rows=1 name=s1 cols=27  > ( j$ C) [+ ^# M0 }; N" N
</textarea> 9 W% j( Y/ o' S9 w) }) L- W9 G& g
32. 日期减去天数等于第二个日期 9 O. \, b# x( f& Y8 _& v
<script language=Javascript> : j* L6 I% [) s1 @
function cc(dd,dadd)
{ 8 @7 \/ S2 f4 Y/ I& s7 G. d
//可以加上错误处理
var a = new Date(dd) " V6 B7 {* b0 w1 ^, S( v
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} $ o: h3 o7 s+ j9 _/ N/ ]: P
cc( "12/23/2002 ",2) % i# N5 |7 S- W6 Z$ W. y
</script> 3 z) q0 a1 i- I  k7 r7 a
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> ( j, F) h6 k$ v3 f
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function , i. ]+ G. w* Z3 {. w9 I
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style , X- R6 C6 y; l5 }& f5 P, r* ?
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML>   L% W, |& T; k2 X! h6 o
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> & e5 ?0 ^, c! |1 a8 e: w4 A* A9 }
 9 M6 B1 p& {; z; ]2 `) _
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框 * O8 J" L9 ^* t' Z! W
<input  > ( Z: R8 a. ?2 u, D- o
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: " g* [1 n! h) t# x- k" @$ Y
<script language=Javascript>
tim=1 9 O: j+ F# J& t
setInterval( "tim++ ",100) 5 C2 U5 k& k$ u* _# Q- v
b=1 ; A( {2 E1 G3 N1 R4 \$ T# G
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " $ R2 _  R! K' Y) d  s: F
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " " Q+ G" V: d9 O  G
function butt(){
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) 6 i! o6 p* W9 P9 m9 H5 o  q; g) _
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 6 `& C& O9 D4 e7 A! t) T
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") 1 a* M# `8 ?, a
document.write( " <input type=submit value=刷新> </form> ") & y% o! e7 H. E" p
}
butt() 8 m: E9 |) @( J7 X. g- p4 V
function auto(url)
else
b++
} 7 s1 v; ?5 ?. r( ?$ B
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 , f% S+ ], P6 T
onerror=auto( "http:// "+autourl+ " ")> ")} 8 A4 ~. K: Q6 \( r9 v9 q5 c
run() </script> 7 @$ }8 S( r" e9 i0 q, @. j/ F
37. 各种样式的光标 6 }) Z9 _" p+ A- u; T2 }
auto ：标准光标 . G1 [" p4 c9 J' @; Y! G
default ：标准箭头 - L- a+ ?2 X% P, j" ]' s# S) F6 b
hand ：手形光标 : h4 P, g; A3 f) W! j* q
wait ：等待光标 % ^7 @6 h2 W* x* o
text ：I形光标
vertical-text ：水平I形光标 - _1 s5 O+ _; R" k
no-drop ：不可拖动光标 1 u$ V. |. h8 u9 V2 o5 {$ A
not-allowed ：无效光标 / T1 f+ ^7 w% i! O0 T) M
help ：?帮助光标
all-scroll ：三角方向标 . L3 F% }0 S4 Y, A/ V! l' {6 w7 [
move ：移动标
crosshair ：十字标
e-resize
n-resize   ?% V% `, w7 o* R( }2 r5 B
nw-resize
w-resize
s-resize
se-resize
sw-resize / t+ z0 H9 X' g: e/ {
38.页面进入和退出的特效 , m6 x% ^$ k* P; u- J9 ], Y
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 4 B+ z4 X9 D  X+ W2 b
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: ; T4 r' W0 Z1 A* S7 }3 {5 H
　　0 矩形缩小 0 J4 h  ^2 q+ Z1 g# d! B* d' X
　　1 矩形扩大 ! _2 b+ C) B5 [/ x! K2 |- P) V
　　2 圆形缩小 & J/ o8 k1 i- C! O( h( }$ K
　　3 圆形扩大 # h" U; f% P7 K5 N: X  q
　　4 下到上刷新 1 X, k/ J% w  g% Y! ~% b  N
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新 1 Z: S) w, n" J* i
　　8 竖百叶窗 2 d0 w6 P. Z1 ~# \
　　9 横百叶窗 % j  `& g9 I6 ?
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新 ! F- l8 Q( c1 D7 x& j! e
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上   V) g/ g( E- l4 X
　　18 右上到左下 $ {4 N* N6 g$ b& i
　　19 左上到右下
　　20 左下到右上   V# k5 V- ?6 k" q7 x( A
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种 . C; o0 m! f" L- v- Z
39.在规定时间内跳转 1 Y) W/ s! L6 Z* i8 D" S
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> & P/ a( _, X( ]  m# b2 Q0 ?
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> + a$ M+ k; p: A7 V; J- T% w) Q# Z
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； . _7 G4 V) k( [* D, N1 }# ]+ G6 A' N
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； $ `9 E: b7 Q8 R3 }  f1 }. \
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ . S! t. z$ |8 d8 F9 [7 e
<script language= "JavaScript ">
 2 W: u1 l& U4 a
</script>
" l8 h$ U/ f8 ]
! o$ a3 s1 g1 ^! r- \" p
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： ! Y6 z: B- r# p% n
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> " Y1 |" A' d# i6 O4 [  d/ F
<table> % i9 B  `3 f1 E
<tr> <td> item 1 </td> </tr> 6 _$ y8 @( ?3 J$ [* N1 c* ^
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> * l! x( l. N3 k( X1 @* E" ~
<tr> <td> item 5 </td> </tr>
</table> 9 e6 R0 O  G1 q# U5 `* t7 @& V, k. t
<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> 9 z5 Z& R: [* I: H0 I% s0 B( W
</div>
<a href= "# "  > menu </a>
<form> $ i9 o9 z2 L' k! Y* q! ~( H3 x5 _
<select> <option> A form selection list </option> </select> ( F1 D# z2 E4 d  M
</form> & h0 O* b* u# |6 G8 w
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 1 G5 W& A, u) n- [% J
                        外向数： <input ! c7 f5 b; T1 u4 x; G
         name=answer : [0 l: G; W$ ]! [! u
         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) "> : ?7 A1 N' D$ _( q: B' x
                     　没回答的题数： <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) ">
                     <br/>
                     总得分:
                     <input
         name=score id= "score "
         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) "> 1 M4 n+ d) A) C8 g% |
                     　结　　　　论:
                     <input " [0 }/ T2 \( h5 _1 y: h
         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) "> 2 w8 y- Q. C/ d+ Z: L9 Y2 X
                     <br/>
                     <br/> 7 t% ]3 `6 g7 k5 F
                     " V7 \! H! D& Y& A
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> 2 j1 B/ o2 a  m, c) X. U
                     </div> ) }! H$ P: q4 H; f) j! y
注意：修改 <body> 为 <body  > 即为打开最大 8 ~4 X, t  K% p/ Q
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> % A4 T3 X& b7 i$ F% A- F/ j
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> % e: C2 G/ p& j
                     <param name= "Command " value= "Maximize ">
                  </object> ; Q# }: p: u% D6 ~) V; C
</body>
页面自动刷新（说明） % {1 y5 _, r6 Q+ u! _1 d/ X& Z$ O) N
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 1 R* P0 M7 p4 q
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭 $ X) Z. ^6 K* [+ o
5000是指时间 <body  > - h! p* E+ Q  |+ V( b. [
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head 9 p$ |- ?) c! ~% ?+ N
<script language= "JavaScript "> 6 V" X7 B% x; R& C1 W4 E) Q
 0 K2 W% \/ ?+ D; Z# m0 h6 h4 c# T
</script>
<body> 注意：这段代码是在新建文件中的 5 y. o- a7 L0 m6 R  c6 a7 `
<script language= "JavaScript ">
  function closeit() ) f+ j0 Q1 l8 `, I% N) u
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 9 X9 c: ?1 W/ B' w5 C1 f2 ]0 p
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数