另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 - L# Y: A3 z5 v
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标   e; T. ]7 x) O1 }- i
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> ! M/ I$ R3 D, k/ O
11. <input type=button value=查看网页源代码 : z1 k9 }# q& h: [. N
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 ' M8 p. r  k, N( F, R$ F
//Javascript
<script language= "Javascript "> $ M# H7 I1 R, Q  c$ z
function getIE(e){ 1 d# F+ P& F  h+ }+ @2 I, q# _
var t=e.offsetTop; 1 ]. r6 K# l1 g7 G
var l=e.offsetLeft;
while(e=e.offsetParent) 4 M& ~3 r! y, H$ b5 c" |1 n* r
alert( "top= "+t+ "/nleft= "+l); - `  Q; }- _$ ]& I
}
</script> 3 i5 T- t- R/ }' r( N$ r. v3 C9 T
//VBScript 1 H& I( k/ ?: w; l
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc()
{ & h7 W/ v* b% Z" v+ j4 D
var e = event.srcElement; ' o3 {( n1 @0 ?% H3 G
var r =e.createTextRange(); * j5 m: t+ r8 v: \3 C
r.moveStart( "character ",e.value.length); ! U- d& P/ {& P' n8 v4 z
r.collapse(true); 5 c7 X$ }6 H- d6 h9 R+ I
r.select();
}
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript:
document.referrer 6 E. ^- L4 ]% @  u5 C3 M( u$ v
16. 最小化、最大化、关闭窗口 0 u: C" S  b7 G7 r9 d+ b
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 1 D- Z9 P1 j- }; U" p  u0 b, \
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> # @& _- i7 ~0 ^% J
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 0 z/ }2 H+ i' _
<input type=button value=最小化 onclick=hh1.Click()> - ~: w! ]: c! M  G+ B+ w* U# k
<input type=button value=最大化 onclick=hh2.Click()> & y* r* ^$ \/ t) P% f1 k2 c
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE 8 u$ h/ _9 a0 H0 o$ m3 O  P
17.屏蔽功能键Shift,Alt,Ctrl : \# `% E; V7 q4 x* v$ @8 R0 t
<script> 7 b; ]0 h1 D# ]& u0 D& J. ]  {
function look(){ 8 O; z6 O1 K: p& H* c" f- X
if(event.shiftKey) + C. @# @" F/ I( l+ y0 h4 g
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script> ' Q$ a3 B& u* H3 ]7 M5 b1 t
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> # r7 @5 g/ q! K$ u- d/ `
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> + s5 y6 A- ]" S3 s7 j
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> 5 O+ g& l2 K/ s' T
或 & S8 x# X' Q  x* S. e' |
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 1 z' n* C; R$ P' I
1 solid #000000 "> </textarea> 2 n' b7 g/ K3 B+ @7 Y2 c" ?
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 5 n9 G+ v3 `, w0 [* N
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: - T# Q+ F5 ]  A8 }
<body  >
22.不要滚动条? 1 P+ J2 n8 G  {1 @6 C
让竖条没有: 9 N6 ^4 T7 U$ V. m6 o
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> . V7 ~9 e9 s- ^! e3 T3 n* t3 K# T, ^! H
</body>
两个都去掉？更简单了 9 u3 l9 _5 w7 P/ }, Z
<body scroll= "no "> ) O1 Y, ~& E% I! H' l/ r! R
</body> 3 g1 C0 [; E& M* j' T& b% y
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> + J  F1 y* {2 A3 S% m0 c
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> ; Y( u: A2 M4 w; x" F7 W3 m  ]
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() , {: Q3 L2 E4 G) q
26.如何设定打开页面的大小
<body  > 7 M% T7 w! U$ a
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body 3 @( s( h8 d7 B+ f
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; : I4 A; E7 k1 z
background-position:center;background-attachment: fixed} ' ]( R6 U' `) k' W2 P
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> 0 A" }% H- o1 h7 p2 z) n
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少   h- {: {3 W# W
<textarea rows=1 name=s1 cols=27  >
</textarea> , R( L# M- z  O; A( m. \& R7 U
32. 日期减去天数等于第二个日期 / V; f( w8 z- I. |0 m) e  h% a
<script language=Javascript> 0 ?. L! F6 R& j2 A3 k  _3 F
function cc(dd,dadd) * f" F0 z/ S; N- W: u
{ ; `& X8 a3 h& h
//可以加上错误处理
var a = new Date(dd) ) e# H9 E9 T3 }
a = a.valueOf() % {/ r8 K& J, l3 U5 ~2 X0 |
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") ) {# y& z# i! U
}
cc( "12/23/2002 ",2)
</script>   x3 ?6 |( d' s- ^8 `, D4 `
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> ' x3 V% m/ H) {; v* G3 o
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value # E. B; X1 L5 s, y, j) ^
next 6 f3 r. ]2 z2 ^# z+ N+ H; y
end function
</script> <BODY> . d2 F6 \; r/ w8 y
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style 8 B* ^  V  N8 F8 K# y( q
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 3 u" W9 N2 R: g
<INPUT type= "button " value= "check "  > ' w& @4 G. {' W- N
</BODY> </HTML>
34.脚本永不出错 ) M4 y5 H: ?! E* Y: X( l* C
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1   K6 s' B/ _  a% t' ^9 ~) W, W
setInterval( "tim++ ",100)
b=1 . D' ^" [7 Q! D6 H+ S9 ]! a# ?
var autourl=new Array()
autourl[1]= "www.njcatv.net " & H$ }# @" m: Q4 W' Z
autourl[2]= "javacool.3322.net " % F$ P4 t, Y$ G# R$ i  S4 D/ \
autourl[3]= "www.sina.com.cn " # H" j4 T) T; h* y- p" @7 i
autourl[4]= "www.nuaa.edu.cn " : M- z# o- f( D
autourl[5]= "www.cctv.com " 1 d: E1 U9 O- W8 [( ]. `
function butt(){ 7 J5 R! i. V: z% Q/ u5 g( c  t
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) * V1 L3 _. ~5 I1 v4 m
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text / o  g% M' R' H; s  x+ C
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
}
butt()
function auto(url) 8 D; Q! t- h0 L3 T' q& ]: E
else   P, e1 m! p- K9 G, ]
b++
}
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+ " ")> ")} ) ^( O' A8 {, X
run() </script> 9 A2 V/ H. N* [+ B
37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标 ! c( L6 O+ ]* r# o5 Q
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标 8 W! B& A0 L" F: R4 @, v. l
help ：?帮助光标
all-scroll ：三角方向标 5 ^& ?/ W$ z; ^" G) M
move ：移动标 ) O  w" L: g. S, e: y( b
crosshair ：十字标 3 |( D' C. w& I$ M+ v7 n& o
e-resize   a* o  H- O6 ~9 n
n-resize
nw-resize 7 ]( r' j' @3 x/ o# D0 B
w-resize 6 }0 S, l; Y* T
s-resize 4 t4 b: T) m7 A  ~% U
se-resize ( w/ V; Z3 l0 c* m  U' N
sw-resize $ e6 p+ L3 @5 C' c4 H( M
38.页面进入和退出的特效 , d8 N9 `2 L8 W) v3 I
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: 7 u3 f  j( \# A; ~
　　0 矩形缩小 6 m+ ~0 y1 Q' X# ]9 y
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大 9 ?5 j4 U( C% r+ W$ i( H+ _( A; h
　　4 下到上刷新 3 t$ G% `" l. T5 g' c! N0 S
　　5 上到下刷新 2 m9 D! @# h; e2 v! t! r
　　6 左到右刷新
　　7 右到左刷新 * ~* u/ m( c/ [: Q; J. l
　　8 竖百叶窗 + L  h9 w6 [" ^" \
　　9 横百叶窗
　　10 错位横百叶窗    c# T4 H6 Z- w- g1 h# l3 `
　　11 错位竖百叶窗 ' G2 z- d  l8 G1 T/ v5 f& ~
　　12 点扩散 + s/ |4 r8 g+ i* l
　　13 左右到中间刷新
　　14 中间到左右刷新 % N# l# A& d, n! ~2 R* n
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上 ; N) I. k, R2 T: j8 J/ Q  r$ _
　　18 右上到左下 3 t- F1 D/ v& N, t" h
　　19 左上到右下 / G( h5 j; l) J3 u8 B$ V
　　20 左下到右上 . Q9 ?% L: g. j2 Z. {  h% z$ I' p
　　21 横条 * v" d8 p5 T* u7 R  }4 K$ N+ s
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: 9 J$ X3 K: Q5 Z$ K3 l/ p. S- ~
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； # ~3 _% `1 V7 V' D
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 4 Z" L. Y3 d6 t2 Y3 F$ E+ {
最大化窗口？ 8 t% }# Z3 H2 u0 N( I& L7 f' k: _  O
<script language= "JavaScript "> ) ~9 O) m7 x9 Z; W/ m
 , g7 [& T7 `4 @  o9 n9 Y
</script> - l# x( @. t) ^; i% X. T
( Y7 t4 T# y9 c" f1 t: S) d1 |. J
4 M0 d; R9 G7 O) _
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： 6 {' Q1 ?9 p( ~! @8 G3 N
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 4 m" ^! K9 W2 a- v% N* c
<table> ! f4 {1 }) Y9 L7 h
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> 7 {: O2 X8 g1 P8 \# R" ]
<tr> <td> item 3 </td> </tr> % D& L# I8 M6 A9 F6 Q2 B/ f
<tr> <td> item 4 </td> </tr> 6 a+ f5 ]3 i% M: C% {1 H  M$ d
<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> ' L% d: X7 S2 n0 @
<form>
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了 $ A: I. [0 R, Z# T
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input . u; F. _5 L8 p3 W# z
         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) "> . f- V- d- S( X8 n, M7 a) F3 }2 R, I
                     　没回答的题数： <input    ^1 t0 O  Y* z  D2 S* J
         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) "> # n& S2 L0 i, Z: j- p  d; h( A
                     <br/>
                     总得分:
                     <input 8 i6 a$ y1 A3 g9 W8 j. ~' h% I& s# D
         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 " & C# }$ Z* w' R2 b3 X1 L7 C+ y
         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/> ' b) a7 M5 n) h$ n
                     <br/>

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 5 N6 h* o$ f; t) l% q% ?
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ! a, N" |. @5 q% j# r
                     <param name= "Command " value= "Maximize ">
                  </object> 4 q+ H4 H% [: d. _4 P, r
</body> , S: Q* t" f% N- i, W- x
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 3 P5 A5 B- L! V# j
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭 - \: S9 [0 q! b! S0 m
5000是指时间 <body  > % p" e9 ^; U) a0 e
弹出窗口自动关闭
10秒后弹出窗口自动关闭 2 w; V+ e/ b4 \9 T- y0 I6 l7 x& l6 e
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> ! @  E2 c. I, l5 Y+ `8 t
head 6 f6 [( X. H! L7 P& C8 e+ D7 ^3 H
<script language= "JavaScript ">

</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> 1 k$ m# j- c# C( l# e5 j* E$ K
  function closeit()    b: O# W# X3 D, i2 F
  </script> ; w% b- S! U/ d/ y# J+ j; S
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数