另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table " t  {& N% ?7 r8 |" a/ V
2. <body  > 取消选取、防止复制
3.    不准粘贴 7 s, Y% r7 A2 F- w/ n
4.    防止复制 ! n/ I  s# Z' F  j& q3 k2 N& Q7 y
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 + d9 q( t$ U6 L* P# \. z
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 3 q( ~& B0 M9 D* q8 Q
7. <input style= "ime-mode:disabled "> 关闭输入法 ( x, c. a3 ^+ h* `
8. 永远都会带着框架 - \0 a" F% F. a( \6 m( k% R
<script language= "JavaScript ">  </script>
9. 防止被人frame * h% V: q0 d5 _
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 - [8 {" P+ _, g
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> + u) ~2 u0 Z  b3 f+ ]
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript 5 u  y  O9 L% }3 M
<script language= "Javascript "> , i* I6 h. R' D! R+ ]/ L
function getIE(e){
var t=e.offsetTop; * \8 F: U* ?2 d
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); 1 d# y  [( M" D1 l* y5 Z/ g% f
}
</script> " \: i% u$ R) l9 _
//VBScript
<script language= "VBScript ">  </script> - U/ Y3 f0 U: U8 p2 j9 Z
14. 光标是停在文本框文字的最后
<script language= "javascript "> % Q1 o7 H5 Q* k) Z1 x+ o
function cc()
{ 5 s$ O2 _) r7 [, r
var e = event.srcElement; ; K1 c0 X6 M0 O1 q4 P7 I7 Z; _) H7 x
var r =e.createTextRange(); ( N! ~( x: H2 G
r.moveStart( "character ",e.value.length); ) i* T+ t. b! ~
r.collapse(true);
r.select(); $ n. U% ^/ s3 a
}
</script> * {' s7 Y7 W2 J& u0 z, u
<input type=text name=text1 value= "123 "  > 8 k( ^# ^& K+ Y4 b, f5 D2 r
15. 判断上一页的来源 * F* o& `1 r3 t' P% Q, M6 Z) W' a
javascript:
document.referrer : h9 D& l9 {4 s" }0 O
16. 最小化、最大化、关闭窗口 ( H/ C2 w: E) U
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> & y, q: q$ t& U& K# l
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> + s1 s& J0 g" W0 ~1 L( ^
<param name= "Command " value= "Maximize "> </object> ( {# c- e; s7 Y# Q6 D
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> $ \# \1 p6 x% j1 ]3 a
<input type=button value=最大化 onclick=hh2.Click()> 9 G7 y* e+ d: r7 y' [' D* d
<input type=button value=关闭 onclick=hh3.Click()> 4 `2 Q7 @2 A  D; j* H% G5 W7 }1 P
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl 8 `$ w- q9 q7 o" J
<script> , u0 S; j# q3 w8 [. k
function look(){
if(event.shiftKey) 5 |: t! Z6 W5 D( Z! m  |" V4 A( s4 `
alert( "禁止按Shift键! "); //可以换成ALT　CTRL + |* R3 c& `0 ?$ o% M. W
}
document.onkeydown=look;
</script> ( Z  U% c  G5 U. W! U% c
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> + `" [7 e! x3 P! _: c# h1 T" `
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> * j+ I( j$ [8 K3 h
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ 3 t! B  Y& I; K% y# _$ j
<input type=text style= "border:1 solid #000000 "> 3 h, M4 Z; {% f6 A" _! A' M( y
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea> * \  \' u5 r: i9 s
20. <div> <span> & <layer> 的区别？ 2 S0 `+ z1 x( c6 X: ^
<div> (division)用来定义大段的页面元素，会产生转行 7 Z3 }, f( c4 Y% M- T
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 , T9 x0 i* f; G2 v) S% O% y5 z& q* D+ G3 S
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: + @* u( R" v& M% U" `$ s/ @& L, F
<body  >
22.不要滚动条? 1 }  z) a) b4 B& k& l9 [) S
让竖条没有: # ~' x& j. |7 P
<body style= "overflow:scroll;overflow-y:hidden "> , }: T0 Z' `8 |+ F$ ?) ?
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body> ' U( n/ }( u& a6 `
两个都去掉？更简单了
<body scroll= "no "> - c, y7 x" F* o7 [9 U5 ]8 \
</body> ' f6 y6 V2 h8 t
23.怎样去掉图片链接点击后，图片周围的虚线？ 5 V  x+ T( D+ P7 s
<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 "> 6 Y$ [. B& J4 m' j0 f, O
<input type=submit> * L* c+ Z2 Q8 G* o: u: n6 r( c
</form> ! J! P6 g0 m0 c6 n# T& u  i
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() 7 e! P4 l5 I/ {5 S% Y
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >   H2 L9 O; I4 S: G& q8 ^3 f! q8 v
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> ) @4 i" p6 j) b4 e7 C/ z
body ! L# p7 W; G* d- q; g. N8 W
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小 " T% f( m- e8 n) _, w& h6 e: v
document.body.clientWidth; document.body.clientHeight ' o! r* Y! [3 K, b: U/ ?) z
30. 怎么判断是否是字符 . v1 y) ]# L& _6 f6 q' ~4 f
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); 8 \' H  o9 q) `( A/ M/ w7 h+ K
else alert( "全是字符 "); $ y8 ]$ d, {3 C
31.TEXTAREA自适应文字行数的多少 " r5 a& q  n  z% e
<textarea rows=1 name=s1 cols=27  >
</textarea> 6 E& F* f. Z7 R* C
32. 日期减去天数等于第二个日期 / Z7 B3 A$ F2 Q! r  {
<script language=Javascript> # @, _. l  R% o% C
function cc(dd,dadd) 9 p# k; T4 _2 y; I
{ 4 R" G5 x& W9 C% C( _
//可以加上错误处理 . g8 x( F/ _% S0 I# j
var a = new Date(dd) ) p( h8 j" W, p* x, _  I& G
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 ( _+ W$ V( u; v, J/ u% I- E
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") 1 ^; j7 _6 `6 u" z; B4 h' @
} 9 B4 n, L, M* S4 c" T8 l* }3 Y
cc( "12/23/2002 ",2) / x  g  t" v+ U9 d. R( B/ \
</script> ( p: p9 n) q# F3 q. W$ M; O
33. 选择了哪一个Radio ' L, Q1 H" ?1 S
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script> <BODY> ! ^4 X7 K/ |' D/ F+ Q
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode & q! C8 M" q& H2 G3 y
<INPUT type= "button " value= "check "  > 2 N  X1 S; ?5 x# \3 s! j  h4 n
</BODY> </HTML> . p, A1 U2 P& E/ F+ H) w1 N+ q
34.脚本永不出错 ! n& i3 \0 i5 v) C( |& D9 B2 m
<SCRIPT LANGUAGE= "JavaScript "> 5 O  f8 z5 o. U3 z; J
 9 H8 S# J; S0 i; `7 `
</SCRIPT> 1 U6 ~, y8 T$ \- K5 \
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： ( f2 g) y" ~' e
把如下代码加入 <body> 区域中: ; ?8 u& \6 ]$ N) s3 ~; K
<script language=Javascript>
tim=1 # P. p7 c. C; \. v) a
setInterval( "tim++ ",100) * u% Y( ?; M, v
b=1
var autourl=new Array() - f# W5 ~6 ?: r9 P& [4 Z9 Y' p
autourl[1]= "www.njcatv.net " 9 c6 d8 x3 @9 J* M/ E( M  @7 D
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " $ I# q, B# B4 p- W
autourl[4]= "www.nuaa.edu.cn " 3 n$ R( Q4 g9 \7 Y) s& ^; w
autourl[5]= "www.cctv.com " 3 j1 q+ H$ u- r- i
function butt(){ 0 S4 s3 f7 o4 g, c
document.write( " <form name=autof> ") ; ~$ E5 k- g& _# H
for(var i=1;i <autourl.length;i++) 7 e( Y4 `1 O1 s4 J7 D
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text & F, K: r$ Q9 _/ x
name=url "+i+ " size=40> =》 <input type=button value=GO 6 n' f! g7 e" c' D7 Y; q
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") ( A. L9 c& C8 o
document.write( " <input type=submit value=刷新> </form> ")
}
butt() $ @2 G, F0 L) N; z" P  D  v& _& J
function auto(url)
else
b++ " j6 t% J  c! E) U8 ~5 @- K5 E
}
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+ " ")> ")} 0 S; m! Y( y  i& T/ q: L( ]
run() </script>
37. 各种样式的光标
auto ：标准光标
default ：标准箭头 7 D& U: y( X9 r& `2 E% ]( I
hand ：手形光标
wait ：等待光标 # ]! U& L% A) j' T. a+ \
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标 # ^  f2 x" u  A1 U! }: U& r& O
not-allowed ：无效光标 6 K: @8 ?1 i: W3 \1 Z* r9 p
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标 , `$ `9 H2 E+ Y3 K" M
crosshair ：十字标 ; S) v- {7 i( N; H
e-resize ' D" Z" P2 F. g+ `+ T. n
n-resize 6 e0 ~; c* C" i
nw-resize
w-resize 7 `) q. Q3 B8 Z' `* c
s-resize
se-resize 1 H# T' o. Z' Y/ \& b: A2 j. f: K
sw-resize
38.页面进入和退出的特效 : ]6 w4 U/ S; R0 M& W6 o# r
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> ) @- k7 G  a# P  j0 c! X* t3 G: ~! E
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 ; F. \$ Q! ]% K* L; g+ i) Z
　　1 矩形扩大 $ A' B/ q0 \6 @! y" K, ~
　　2 圆形缩小
　　3 圆形扩大 / C8 e5 L5 G, C* A8 }' |9 h! c
　　4 下到上刷新 / s- T( c0 S) X! g) V/ U1 Y
　　5 上到下刷新
　　6 左到右刷新 ) K5 i, h/ ]( f0 \- J
　　7 右到左刷新 ! Q2 O1 `+ `# [& Y( \7 ~* f
　　8 竖百叶窗 $ X0 }* V0 T8 u2 R% `/ p) S9 n
　　9 横百叶窗
　　10 错位横百叶窗 5 G- G, d& A1 J2 N" g# V/ v7 \1 S
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新 : E( j" C/ U, R. q7 R
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 ) J2 t7 ^( f+ }+ ^: g+ Z6 z
　　17 右下到左上 7 h+ N( T' T' P2 d3 U
　　18 右上到左下 ) m4 a2 O9 ^/ }" B& A2 T1 f$ o+ x
　　19 左上到右下
　　20 左下到右上
　　21 横条 , P1 b" u- Q( p  y
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转 * n2 o  `/ N4 ]1 R& z( T
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> 2 f: [) U% C6 d2 P
　　其中属性值有以下一些: 8 a. [: u6 K2 k: O0 i
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； ! L8 w- B+ T/ u, R: H
　　属性值为 "index ": 文件将被检索； 1 a4 T, |! u' j: Y& f+ g" n
　　属性值为 "follow ": 查询页上的链接； , Z" V) _3 z2 j7 a4 H& V5 T( Y
　　属性值为 "noindex ": 文件不检索，但可被查询链接； # X6 l& I8 y1 Z  B0 N  ^
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 : q2 j3 J$ P9 U4 D& J; F
最大化窗口？ " X; G" f3 f; W
<script language= "JavaScript "> 7 B' e# M4 A- r
 ; N  L; u( V5 |6 y. n' i7 U& w
</script>   R4 H; w' F* j' u  x% J

" \! Q; b0 k( Z9 ?
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> . {2 l' d% U% Y! X
<table> # z  K( a2 f, U
<tr> <td> item 1 </td> </tr> . ]* t1 e$ C* q" N9 z* b
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> ; f3 |8 _: P0 b: T* _; e) P
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> * x+ z% t- n& I9 X+ z. B
</table> $ I1 {. P* \# q* C: f
<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> ! N# D2 G" R0 l
</div>
<a href= "# "  > menu </a>
<form> ! k1 z$ |6 S: w9 t" }9 P! I
<select> <option> A form selection list </option> </select>
</form> ' U( r* e( |# i, i$ g
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> # k0 |" w8 O0 d$ H
                        外向数： <input
         name=answer 4 K5 V* H- l0 W9 Y: J3 ^1 Z( `5 e& m# ~
         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) "> + E% \$ A# ]. ?- u+ o+ }
                     　没回答的题数： <input 5 A7 l% T! v' G  z
         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 : h: E  x4 c; R
         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
         name=xgjg id= "xgjg " + }  |) y8 A4 w+ X# k  S( W2 ?
         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/>
                     <br/>
                     ! x' [: d9 f6 c- v- C. i
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> - j- x0 s) N! C8 r+ i
                        <input type= "reset " name= "Submit " value= "重做 "> , x2 e" p1 O4 x" g; c  V6 Y
                     </div> 3 u; C7 N) c1 b; M. s  E* }
注意：修改 <body> 为 <body  > 即为打开最大 1 c) ^* o# |: p" ?! B$ p0 ^
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 ) h7 ]7 q% ?" {3 D$ g! W
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ( f. P  r$ X5 f& D5 n3 A6 N) _
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object>
</body> 6 Q& D2 ^& k# J8 P; @
页面自动刷新（说明） ' A2 I% }$ |+ S  l: N" @, [
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 0 E2 c  f" @$ b. c% q9 y& o
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页面。 5 v* j# V% j  s$ M" r% R
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭 5 H! C4 j* G% d# Z) s% L
10秒后弹出窗口自动关闭 - i; h, ~: H5 r0 R  \
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> : \& ~2 q, X! Y7 H
head   M* N( v! R! K7 s+ v) j
<script language= "JavaScript "> ' [& h9 M( `: V2 ^( I% x( R
 2 E+ r4 o9 {0 J' ]3 p
</script>
<body> 注意：这段代码是在新建文件中的 " u5 g+ u9 @( S% Y( n: e
<script language= "JavaScript ">
  function closeit()
  </script> 1 H: `. h% \! a% M
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 ; }( ?: [4 j/ I: @9 W/ |: \# s9 p3 w) F
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> , F9 ~" x9 I% _( p2 a( e
</object>

1 评分人数