另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table - a) W! X, w/ t  q  ~4 b7 N
2. <body  > 取消选取、防止复制 0 I& W! ]" X+ E2 I, e. \
3.    不准粘贴 ; I1 L. ~2 X/ Y4 D
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 % t) u2 b9 B4 \1 u
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 : X6 }, C, L0 Q9 V" M3 ^
8. 永远都会带着框架
<script language= "JavaScript ">  </script> " j/ {+ l' x' J. q; R0 r
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> 3 A( B" ~/ x; s" ~6 @
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> , k. Z  m" r) L0 o* R! ~; Y- A
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript "> . {* ]& f+ l9 l5 M( ~; y
function getIE(e){
var t=e.offsetTop; ' F8 G" i$ @8 M; E& A% O
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
}
</script> * d" t" U8 j. ~- u) q
//VBScript 7 x: b3 n5 _, O
<script language= "VBScript ">  </script> " A1 q0 B! [0 w
14. 光标是停在文本框文字的最后 7 ?& \3 t/ L  u3 q8 m
<script language= "javascript ">
function cc()
{ 0 D3 T6 P  m! f* n1 O5 N' k
var e = event.srcElement; 9 L% q" a' N0 `0 |9 z7 x6 \
var r =e.createTextRange(); 9 _# X6 |* U* E* b: O# j0 A
r.moveStart( "character ",e.value.length);
r.collapse(true); 9 \3 L, S% W9 E4 X2 b; {6 q' E  F
r.select();
}
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 3 ?/ J$ G. Q7 Z% E% |
javascript: ' A" v6 r# L$ n  V
document.referrer
16. 最小化、最大化、关闭窗口 0 E3 O% B$ J* {+ s
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ( P# u1 e# g3 D4 h# ^* N" ^
<param name= "Command " value= "Minimize "> </object> / ^! P# o8 `9 L1 U" W
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 5 w# u9 d$ `' ]  k4 n$ J
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> # |" l. ?6 U& S& ?
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> , x. R8 n" j; E. `* m
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()> ; v4 O! B, N3 S$ I
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 3 q# q: g# s' M, v3 I
}
document.onkeydown=look; 7 m* V; u& ]% R4 M! H/ ?8 \
</script>
18. 网页不会被缓存 - y9 H3 Z  l. u
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> & x; t3 G  Z3 g7 q2 Q4 q; u9 Z
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 6 ^* J& i$ A# k" _' `
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> ! y1 e6 _2 P( @8 }$ Y
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或 $ \5 x$ S- Z& z) D
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: ) i  k- v- U4 n  g
1 solid #000000 "> </textarea> $ d3 I/ L* O/ ^* ?4 C2 `$ Z2 B
20. <div> <span> & <layer> 的区别？ 3 @1 p" m1 F+ n, I
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 " L' p9 d$ d6 e: p! H
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > ) f/ B% J* m8 {: X) a: y
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> # T& K. Z! z. _
</body>
让横条没有: 0 f5 b$ u' i# M
<body style= "overflow:scroll;overflow-x:hidden "> ( ]8 F  H5 Z/ {2 w  c! @
</body>
两个都去掉？更简单了 . F5 @/ t& L2 Z; L
<body scroll= "no ">
</body> + m' {' P( `8 o, f3 I% O+ _
23.怎样去掉图片链接点击后，图片周围的虚线？ " b3 {- N0 j+ u7 b: [3 Q6 \% \
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 2 J+ Y" V" p" N6 {* S) m4 U7 ~
<input type=submit>
</form> ( u0 c! C6 U, m1 `" T. l
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小 2 |+ E& V  W8 h" w; I- A/ S
<body  > , Y1 b2 N$ P: L" Y
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 + G, P5 ~, D; D% H. L) Z
<STYLE>
body , J: W' i( D' t- u/ R
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} % X7 @" t9 _: r* {* z
</STYLE> , c' O) [$ Y7 K
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight " b; o0 G" t+ |0 ]7 x
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");   B8 }: ]" I% Y' y$ _9 y. i
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 - `7 k: z% [$ L0 l$ o
<textarea rows=1 name=s1 cols=27  > 4 P( X: O# \3 p; ^. V$ v4 l! v
</textarea>
32. 日期减去天数等于第二个日期   |' a7 t. l  ^
<script language=Javascript> $ x, m0 w1 j% q6 [1 F+ p4 `) I6 t
function cc(dd,dadd) , E. J1 Q3 \  X9 T
{
//可以加上错误处理 ; i* f; J+ n# b1 @6 R, W+ r
var a = new Date(dd) - `6 G/ }! {) N0 ~* ~; K( p9 g0 W! }3 k
a = a.valueOf() ; S; o7 L0 n$ G8 Z
a = a - dadd * 24 * 60 * 60 * 1000 & E9 W( a! x/ f. |
a = new Date(a) 5 L0 @% T: ^8 e1 j
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}   `3 f0 `" h2 f5 ^
cc( "12/23/2002 ",2) 4 o5 c& B8 I6 J( ?& I! x
</script> 3 e* Y9 n- M$ j0 w  }' m! Z/ j
33. 选择了哪一个Radio ! M( g: e5 Y" n! _
<HTML> <script language= "vbscript "> 8 \) E  ]+ W* ^: n1 F$ D
function checkme() 3 Z2 e" C+ c. k; L8 U
for each ob in radio1 " L. j3 D1 m$ l+ r; H) I
if ob.checked then window.alert ob.value
next
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style : A. K. V4 z2 j5 |
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> 2 N0 x; H; O0 \- V/ M, r- a" A
 , U# N6 C. o. C- Y* }
</SCRIPT> ) {5 {5 V! r: h2 f) D
35.ENTER键可以让光标移到下一个输入框 / {! x- G0 s) w
<input  >
36. 检测某个网站的链接速度： ' }- I2 Z2 ^/ K6 {
把如下代码加入 <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 "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " 9 h3 t5 c. Q! u" v; V4 F
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
name=url "+i+ " size=40> =》 <input type=button value=GO $ @8 Q/ d3 J5 a1 r, ^; D0 O9 Y
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") $ k; |. x7 _: O0 ?. v: _
document.write( " <input type=submit value=刷新> </form> ")
} 4 j( H  m6 V& g3 s8 l% p
butt()
function auto(url) 2 b4 ~1 b& T& q7 W
else * A$ Y5 @; R- K* q+ [1 }; \- @7 @# a
b++ + l0 D2 r& \2 N. ~0 z
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 6 A( e* e; X9 S
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script> * H. w( p; a5 L. w! g
37. 各种样式的光标 2 c( {, n( A* h8 v, k" m2 s
auto ：标准光标
default ：标准箭头 4 m- R5 a/ i8 G5 i- a; o: q% [) H
hand ：手形光标 5 [  L- t* p( I! l. K3 }
wait ：等待光标   X* }5 O6 ?& p* m* z
text ：I形光标
vertical-text ：水平I形光标 : K! J" E0 K' N% n- l; D" [! {
no-drop ：不可拖动光标
not-allowed ：无效光标 $ U8 a; M7 d( Y2 E. Y4 d* x
help ：?帮助光标
all-scroll ：三角方向标 # x& U3 v8 \) K
move ：移动标 " s' f' H( J5 |+ o
crosshair ：十字标
e-resize
n-resize . ^* B" l$ C: r5 s8 N1 @4 Q9 _
nw-resize 7 z9 Z6 d4 [, K
w-resize
s-resize 7 s+ |; E) @) N8 z! P: @( h
se-resize
sw-resize
38.页面进入和退出的特效 + Y0 P* ~3 Y; Z
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> . e* l6 |+ T. Z
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    " P4 D" u& K5 z+ K+ J/ v
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: ! k1 V) @+ y7 A6 {
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小 ) t, V. V4 ~. b) S
　　3 圆形扩大 / ~- S8 M$ R$ ~
　　4 下到上刷新 # B( z9 g* {* c, Q7 h" g& l4 N+ m
　　5 上到下刷新
　　6 左到右刷新 , V  V+ f- M$ ]3 _# y1 _# g
　　7 右到左刷新 * z9 F% E& W" \5 j
　　8 竖百叶窗 . Z+ w) r+ |) S" I: G6 R7 K" W* g
　　9 横百叶窗
　　10 错位横百叶窗 # k( T( m( ^' E3 r; R
　　11 错位竖百叶窗 $ i- X- D; C* `2 E5 A
　　12 点扩散 5 ~/ ~9 `7 g$ x# M* |% P
　　13 左右到中间刷新 3 `0 m+ U7 o% K7 m1 C  y( C5 U/ a
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 $ @* P" d) }. [5 }. A6 x/ X2 c
　　17 右下到左上 6 K8 T. w" {5 d# \6 [4 J6 k
　　18 右上到左下 2 a* @4 x' G- O% z6 r: X! Y
　　19 左上到右下 2 s" F# a, v. B* ^
　　20 左下到右上 * c7 j9 m' K3 W& h6 q
　　21 横条
　　22 竖条 : P! ?% d" O% [3 `$ l
　　23 以上22种随机选择一种 ! Y% L3 H$ e: N3 n
39.在规定时间内跳转 ( ?3 j6 |2 A, K5 `$ o( n
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> : [4 g' Q! J# r4 b% h+ G% O
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> 2 d1 J7 E; Q% n& H6 m  ^  E
　　其中属性值有以下一些: 6 r3 x8 a4 y. `) u: O
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； ! z6 K  R: w3 h/ `$ O7 r7 S# z  _
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； 7 B3 X* R0 t% |" q
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript "> 9 Y) \7 Y0 i" t3 J7 L9 t% ~1 h1 R: z) s! [
 4 {( u) O2 G! p) i' z( a
</script>
% o) w& o+ J; ^' U3 }

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 8 h* {# m  \, ^
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> 0 |! z" @( `+ P) c
<tr> <td> item 3 </td> </tr> ( b( ]( a9 I/ B. I
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> & v- i  B' J' Y6 E, \( g8 I3 @
</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> 5 F  G; G& v6 u" o
<a href= "# "  > menu </a> 3 {& J' ?7 [' t
<form>
<select> <option> A form selection list </option> </select> ! v2 Q7 c; {1 p2 B# O
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input
         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 " 6 t7 \/ p. _) P; d  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) "> 7 m1 J% B/ f8 V: a) s3 e( q
                     <br/>
                     总得分: ' h  r2 L; I) K/ q2 A1 b
                     <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) ">
                     　结　　　　论:
                     <input + j9 a/ b% ^$ m/ N
         name=xgjg id= "xgjg " 0 [1 Q. g2 v. |: a2 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) "> 3 T# f. I9 f& @8 K
                     <br/> " N) l+ D! ~2 A2 e
                     <br/> 0 o7 ?0 F( J2 h% p( S' y3 _
                     , D/ A- y* Q1 s$ t7 f
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> : q7 z2 C, _  u' @3 B9 p
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 * i: b& c. A+ [; y' `
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 9 ]" D5 I9 g6 s' P& }
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ! _: A7 B8 R) `4 v, J, m3 }
                     <param name= "Command " value= "Minimize "> + u5 }5 a$ r2 Z# E6 h
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> 8 q- u1 L, j1 [6 |& p2 G* C
                  </object>
</body> - |/ Y, y, i# w; S
页面自动刷新（说明） 8 ]) _1 J0 }+ ?' J
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面.
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭
5000是指时间 <body  > 0 E" ?) s, q" O( {" i1 C' y4 \
弹出窗口自动关闭
10秒后弹出窗口自动关闭 6 a! k$ a5 S) ^. I! @3 \
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> " d, ]5 A/ C4 x
head 6 @' Z  s4 l/ e6 _
<script language= "JavaScript ">
 4 w2 J9 Z: @9 I: s; Z( j4 \
</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 9 k. v6 B) R) H: m1 N
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数