另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 ' ?1 P( |" {0 k0 t9 i  p8 c3 Y3 p! L
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 ' Y, a/ D& u" W! T* _$ Z
3.    不准粘贴 $ B: r% G7 M# V3 a' v
4.    防止复制 ; ~6 V. r( n; o' Y) U  U
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 : ^: m; f! k  h) E; D: s* t- `$ h1 G
7. <input style= "ime-mode:disabled "> 关闭输入法 6 q2 {+ Z, Y: y# W/ d/ U1 r2 D+ w; j
8. 永远都会带着框架 ) x  ^2 Y! G2 e; M( u
<script language= "JavaScript ">  </script> " p2 r' I5 h, |& w* `
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 ( y; r2 `  v6 O" A% I1 j; j
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> : M8 T/ y9 V' W: ^* L' r
11. <input type=button value=查看网页源代码 & B8 t& q! N/ A3 k7 ]& c& R0 g) G1 ~
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 ! `- a; z: _4 M+ X- P: S6 }. w
//Javascript
<script language= "Javascript "> 5 y" q/ N% O, Q; T
function getIE(e){ / ?* E% x8 ]$ E6 ^; P9 H) [
var t=e.offsetTop; $ t5 \: p8 J- ], u
var l=e.offsetLeft;
while(e=e.offsetParent) - m7 e% X; h' o
alert( "top= "+t+ "/nleft= "+l); & e: G& Y2 t/ [2 U- r9 ?
} + `# [9 p% W& b; G9 q% R  I
</script>
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc()
{ 4 T  U$ m) \7 @; j% P
var e = event.srcElement;
var r =e.createTextRange(); 2 S# o5 l' L  c0 {( q1 q6 \1 \! Q! l5 F
r.moveStart( "character ",e.value.length); 2 X1 S; j& z5 m, @* b- [+ s
r.collapse(true); 6 {* U0 y  P1 D3 B3 \  h  g
r.select(); 2 J3 D8 E+ S/ O. ~. p8 e& p
}
</script> + m( ~/ O% q( o+ j% T
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript:
document.referrer . G7 x3 H: F* _  O
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ' U: b6 ]) ~  t: D; o' h
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 8 @" o4 A4 |1 }  \* W/ }7 I* }
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 3 U& W$ s$ q) h' l. N+ W
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 0 O) j, `% c1 I4 q8 o1 E) H& {( \3 }
<input type=button value=最小化 onclick=hh1.Click()> " C/ e2 ], d( T! V9 _
<input type=button value=最大化 onclick=hh2.Click()> & Z! Z! W0 N; ]2 g) L4 y
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> 7 M: \5 N  I, M8 e) y  e: h
function look(){ & s4 M, m. Z3 C: w
if(event.shiftKey) ; @& O9 L* q( {# I
alert( "禁止按Shift键! "); //可以换成ALT　CTRL & Z% v' `6 e2 k% Q& ?
} # R0 |7 I- q) \6 \- V9 s
document.onkeydown=look; / j# H, U& u9 F& v0 ?
</script>
18. 网页不会被缓存 2 `: P$ }+ |. B* C
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 8 ~( ^$ J: N- V* O. [( L
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 1 h, x1 X* Z; n7 B# X4 [
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> 4 e2 j' `9 W' a, k. {5 D* I6 x
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ ) B+ ^7 ]) o) F  J
<input type=text style= "border:1 solid #000000 ">
或 2 e1 H5 i6 i7 L. ?
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？    _7 K4 l0 I0 Q! K5 \& d
<div> (division)用来定义大段的页面元素，会产生转行 , s8 P$ q0 u3 M/ ^
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> / w' h1 B8 z+ F' s1 j
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? * L, @1 t/ O* Q: O$ {
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> + Y/ m; @4 O4 ~; }* ^* U$ n: W
</body> - T6 S* d; p- a# V
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> ! ?* a' w( Y, R/ y2 g0 T
</body> % Z5 e, x/ k% z9 K6 C" `( g
两个都去掉？更简单了
<body scroll= "no ">
</body> + o. a& z7 D3 D, L7 \6 N- N  ?; i
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> / Y/ K& @/ S) {8 H- j) |" _
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> : {# J0 x0 `5 G& @& W& G
<input type=submit>
</form> : J1 t/ C1 S1 e" _7 V/ I6 `5 E
25.在打开的子窗口刷新父窗口的代码里如何写？ , m6 [$ h  B6 h: U
window.opener.location.reload() ' ]# \) a/ B; d# `) ?1 C% n
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  > , y9 T8 \( s, W$ `3 m$ ^
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 ; y8 F- q% {& j4 ^1 u3 m1 W: y8 f
<STYLE>
body ! h. c% t+ c( Z" R4 s; D
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE> ) W# h" {9 R9 s2 ?7 ~$ ~
28. 检查一段字符串是否全由数字组成 / v8 t0 m! d. ]" a' s) _
<script language= "Javascript ">  </script> 9 f7 R' p1 n, K: t7 O
29. 获得一个窗口的大小 2 }1 \0 x& l, k: t  H
document.body.clientWidth; document.body.clientHeight - M6 a: P6 }: B( ?* J, P
30. 怎么判断是否是字符 3 N9 d# v0 I8 i* J
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); 3 Y- d& Y0 o3 i0 Q+ X. @1 b
else alert( "全是字符 "); + U' L7 M7 ~7 b( \' x
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 6 N6 n- `. Z& J; @
<script language=Javascript>
function cc(dd,dadd)
{ ' i% t9 Z, }% ?3 p
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) 7 N% o& q! [, j# Y8 A- o! d: ]( f) F# S
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) / ?! `7 W, N) N, w, u
</script>
33. 选择了哪一个Radio 1 d* Q3 w+ y0 U" W! r
<HTML> <script language= "vbscript "> ; U) X6 J" P2 S* ~, l1 }
function checkme() * n' o! T7 {: }, l. i, ~: \9 ~
for each ob in radio1 $ j) J/ B8 G3 C0 t( J
if ob.checked then window.alert ob.value + D. ~9 l; A4 J" w1 X
next
end function # \; e5 a3 ^2 J2 G# [0 t, N
</script> <BODY> * d% H4 H. l1 I
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style 7 d/ J, ]! E8 H- c
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode % ^* f: G: d7 k- r, y9 U
<INPUT type= "button " value= "check "  >
</BODY> </HTML> # |: g' R! O5 {3 Y% D9 o
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> " x, z3 u( {! m  A+ r
35.ENTER键可以让光标移到下一个输入框 & w( t( M7 a4 n2 y8 C
<input  > 7 m8 P4 m" Q9 J, ?7 Q
36. 检测某个网站的链接速度： ! n5 r6 R* t" @4 O+ q: Z% I
把如下代码加入 <body> 区域中:
<script language=Javascript> ; {1 c/ O8 e3 K- y$ d" s* M! l3 Y
tim=1
setInterval( "tim++ ",100)
b=1
var autourl=new Array() : y* U# i0 P4 k: j
autourl[1]= "www.njcatv.net " + G+ @1 s, r/ X: u6 b
autourl[2]= "javacool.3322.net " 5 |- ]3 z2 w* C- I
autourl[3]= "www.sina.com.cn " # f4 F* x2 k, y1 g7 @1 n
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
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 $ i0 L/ I: n4 |7 p9 @& {  c& d
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") . g' ]0 y/ _9 _  L3 L2 a
document.write( " <input type=submit value=刷新> </form> ")
}
butt() 8 B/ J: v; M4 {' Q
function auto(url)
else / M6 W/ ?. F% Y4 _: s6 k2 k
b++ / ]& N. q, B3 C: |
}
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+ " ")> ")} 7 c( a9 j5 i- V$ b* M0 z1 |5 B! ~
run() </script> ! U. z' m/ y; j& {" z3 `' C4 B
37. 各种样式的光标
auto ：标准光标
default ：标准箭头 : N* g7 A# h1 R" [# p$ h- t
hand ：手形光标
wait ：等待光标 ; S* _6 V/ _+ \
text ：I形光标 % i! U3 D7 U: r# c. \6 I
vertical-text ：水平I形光标 , L3 Y8 L" B; M' A. |
no-drop ：不可拖动光标
not-allowed ：无效光标 % z( o* I9 i0 y* d7 Z/ o! @
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标 2 D# I" m# Y6 X1 x, ]
crosshair ：十字标
e-resize
n-resize
nw-resize ! T4 b4 [+ V! h, \! @5 u2 R6 ]9 {
w-resize
s-resize
se-resize 0 ]3 h/ N! m: A7 ^3 P" R( B( r- [
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) ">    * X1 d( ^; u8 w) Z2 B9 }- t2 ~
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 1 o( N9 F: J- E. b
　　1 矩形扩大 ) W) k5 V3 E$ U) l" L( V% H6 {
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新 7 l, a& e8 I2 T# N7 H6 v
　　8 竖百叶窗
　　9 横百叶窗 2 w* A2 t9 A. N
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散 4 G% d  e( F& t7 b- Q5 d
　　13 左右到中间刷新
　　14 中间到左右刷新   x( r0 }# x: ~# f5 D) O% q
　　15 中间到上下
　　16 上下到中间 % W7 t# M% s8 K: L: j5 ^
　　17 右下到左上 6 G2 [$ q% J# F, x5 C# h- m5 a( C
　　18 右上到左下 , Q1 N4 p% O6 B, a
　　19 左上到右下
　　20 左下到右上 + \& e' l9 {1 G  f9 _2 R
　　21 横条 $ c. `0 H* m- y, {3 L; r
　　22 竖条 + p, d7 V+ U( _- v9 w0 L1 K
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: / J, |+ K  p- b
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索； 1 b1 @5 L# Q* B( y3 u, D+ d: J8 v8 T: S
　　属性值为 "follow ": 查询页上的链接； 1 m: G2 T2 T: W, @& f2 S# y" ?3 l: P6 }
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 2 E4 y6 Q; `' v/ O' ~) n7 ]2 B
最大化窗口？
<script language= "JavaScript "> * h0 I* g0 g) Z/ W8 `0 M( K) M4 L
 6 J& e3 Q0 a4 S
</script>
& w( [& i/ X5 [1 q" k; J  e
, E1 ^; e, G1 z) n, z# {
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> $ H+ H* o; K) c8 }+ o
<tr> <td> item 1 </td> </tr> 5 L) r8 M/ R0 Q3 @' M5 {" D
<tr> <td> item 2 </td> </tr> : q7 X& |5 b9 r5 s8 K# j
<tr> <td> item 3 </td> </tr> 4 A7 V& h2 d" W  r
<tr> <td> item 4 </td> </tr> & Z. v" ~3 z6 ^% p
<tr> <td> item 5 </td> </tr> 7 B- X" |6 }3 K/ E* [  |; \
</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> 0 k% }3 e0 P; ^" M
</div> ; E) ?  A. K5 f) r, D! I6 b
<a href= "# "  > menu </a> " M* R) c1 G- _& H5 W7 _  B
<form> 5 N* o$ x( l3 I- l; a5 X5 e
<select> <option> A form selection list </option> </select>
</form> ! ?' f( |' U6 F+ w  N: x
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> - Y' o9 R$ x( @9 V6 K6 r! U2 `
                        外向数： <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) "> 3 r1 y8 Z) ]9 M) \' U
                     　没回答的题数： <input ( h, T9 i- ~6 L2 K
         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/> $ I9 ~- u6 ~# H+ S+ z% F, u* k- T
                     总得分: 4 \' w" h3 h4 S' l& S! ]
                     <input " M5 F' C7 ^8 v0 M1 Z% K8 X3 L) n. T# ~8 |
         name=score id= "score " 9 J6 h7 i0 J, V5 j# r. g: k. q* c
         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 " $ x' ?1 C1 Y+ u* D6 e
         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/> ! s* _- C5 ?9 P- q' d9 e! ]
                     <br/> + C9 f7 y$ {8 x; H7 j  u/ Q

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> * Q. {& [$ ?, C. S
                        <input type= "reset " name= "Submit " value= "重做 "> ' \& j9 E+ i/ a
                     </div> 8 `7 t  ^  q- k9 B. ~3 O, t& O& H
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 2 Z3 L0 I4 `4 K# G7 V1 v3 I
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> 3 q+ V' K8 v- E8 L; f( x7 i6 f
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> 2 d; g/ k2 t" W+ I$ s+ k+ H  h
                  </object> 9 y& e5 c1 V+ K/ z3 m8 u
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. ! W6 r( d$ p: `2 X3 }  u  R' n, X
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭
5000是指时间 <body  > . w% }# A9 o+ L; v" O5 g
弹出窗口自动关闭    B2 t8 M2 N5 f! {. b* c3 u
10秒后弹出窗口自动关闭 : P/ |5 ~8 i+ C* W
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head ) v" j  v6 ^; e. A* _
<script language= "JavaScript "> 2 K8 p' A5 V/ ?0 m$ i1 z3 S

</script> $ I! c3 O& u$ ?, x5 w' d; o0 o: j
<body> 注意：这段代码是在新建文件中的 8 M: w! Z3 Y- ~# C) i: W
<script language= "JavaScript "> % f, O" L4 s  S, g. W1 u" i  _4 ~
  function closeit()
  </script> 0 F7 P% I% ^# _) C( b2 n
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 5 }$ A: G9 ^4 y, J9 C/ ^
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数