另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table % A/ x: S6 ?# l  ^
2. <body  > 取消选取、防止复制 & x+ c# X* m% B; |) f7 k1 {
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 + V" _' Q- F2 N/ r7 M
<script language= "JavaScript ">  </script>
9. 防止被人frame ( _) L& H% H: V& p* k% N: H; A+ K
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>   |8 i  S$ \: |
10. 网页将不能被另存为 $ L+ q$ a; b8 E. P; P0 a
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认   [* ^! p$ [7 ~; g* I! a
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 % A5 @* t* x0 D8 a+ b1 T
//Javascript 8 O, w7 `. x  E
<script language= "Javascript ">
function getIE(e){ & j. q' r7 R3 J$ l
var t=e.offsetTop; ( i1 v* M! H2 P( V+ L: e* o
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
}
</script>
//VBScript 1 t# O9 N3 Z. h5 C. Y; A
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript "> " b8 d, s" C5 p3 V& w' E8 V
function cc()
{ " V+ ]2 Z! n, W+ e8 y, d( G8 m3 }
var e = event.srcElement; 4 y1 m$ m1 \# C
var r =e.createTextRange(); 8 N" i4 _$ H1 M0 j
r.moveStart( "character ",e.value.length); $ x& s- h- p! e/ Z+ n$ Y
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 9 ^0 ~& j; q2 Q# i/ {
<param name= "Command " value= "Minimize "> </object>   c2 e0 M  T" {& Y3 b
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> * E' K6 U+ I' F# _
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> " u# C1 E0 H5 \+ Z( M- D+ A
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 5 T$ \* s% `3 o$ z
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> ! \+ l+ }9 r$ L. G/ s6 C' }
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> 8 x# ?. }. a. D7 v8 r7 B
function look(){
if(event.shiftKey) 8 S3 y0 B8 |0 ^* B' o$ M
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 7 Z% J7 }$ _2 D6 k; I* F* a8 h1 O: G/ s+ K9 J
}
document.onkeydown=look;
</script>
18. 网页不会被缓存 $ b/ e2 I; ]3 P# Y4 [" k7 l1 a
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> " N% r5 _5 C# z9 ^' D, [3 b5 N
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> ; O  z  {$ Z7 L8 U; s: i
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> / U$ m0 B6 `7 F# i$ y$ v5 B  G  ?
19.怎样让表单没有凹凸感？ ) G. @4 J" E: c3 A9 n' {
<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> 的区别？ / ?. @% l$ x: Y; `( d8 X8 K
<div> (division)用来定义大段的页面元素，会产生转行 $ D) Y8 U' A- y7 _& L( D  Q( w
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 8 \5 W! t5 N7 w4 h) J  G
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> ' f: ?7 i+ J) L9 ]
</body> & \1 n! W0 l' s, b, d4 }+ }
让横条没有: 7 J. l9 y+ l# f) M/ H6 P/ }
<body style= "overflow:scroll;overflow-x:hidden "> # k$ W3 ?2 x/ D  G: v" T
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body> ' u. Y0 X9 T' }' a, P9 P
23.怎样去掉图片链接点击后，图片周围的虚线？ 7 m( R4 |3 P* h1 m9 m, O4 H
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 5 ~7 A' h4 ?3 \0 J! y% ?
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 2 x- b2 H7 w4 q6 w/ `: F& l) g; C
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  > 6 L7 ]  e6 |  y! \3 q  L2 V  ]: C
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 + {( f& U  j8 Q5 [
<STYLE> 6 I% j1 [, l5 ]% s/ Z5 q, d# _
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 3 V0 j1 K$ N( H# \# ]
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 6 ?: S; b* U4 Z) T1 L' g
<textarea rows=1 name=s1 cols=27  > 3 f/ i; y- D* |% z) y8 G" F+ O
</textarea>   B& n+ d6 n( t# G$ g/ Z# J& h
32. 日期减去天数等于第二个日期 2 r: h$ H( Q9 ^9 D, q
<script language=Javascript>
function cc(dd,dadd) 3 i5 s: K5 S) O
{
//可以加上错误处理
var a = new Date(dd) 2 O8 b! z7 v. L1 L. `
a = a.valueOf() % q  b& i! b. @5 ^
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") 7 B  r. m3 L! K, i7 H* q7 }3 Z9 K! I
}
cc( "12/23/2002 ",2)
</script> / v7 {- m4 }2 |6 i3 T8 u2 I
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
function checkme() , V; _9 u7 W7 }: N: }
for each ob in radio1 8 p1 B1 _2 r. I2 g+ A) o' I/ \" W
if ob.checked then window.alert ob.value
next
end function ; t+ \# k" O# h  N, w! A8 g
</script> <BODY> ! a' Y- `7 D( ?% E; ~
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode $ |2 h; O) D4 k
<INPUT type= "button " value= "check "  > 1 b  w& X0 H7 ?9 @; t4 ^& O
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> : A* y$ U( t7 ^+ f8 g. X
 0 }. e& j* X, J! M. n! ?
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： 1 M  E2 n: ?2 |. n* z" |& |
把如下代码加入 <body> 区域中: 5 A, X. }' \7 t( v5 F1 j8 Q9 S
<script language=Javascript> & e' K0 B2 v- {5 W: `6 f
tim=1 ' ?( @% G8 ~& r% _
setInterval( "tim++ ",100) 9 Q% h$ A8 Z7 h+ I8 \. Z# M6 R
b=1
var autourl=new Array() " i$ g+ ]0 b8 Z5 ?, {! v  z
autourl[1]= "www.njcatv.net " ; A- o: `' E* }" T! x8 R  E
autourl[2]= "javacool.3322.net " 6 M! G" t  v6 G, O  s. q. ]
autourl[3]= "www.sina.com.cn " $ [3 O$ A- l2 B+ h
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){ 3 z. q+ E/ p1 ]( a* ~
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 . g% u: r8 T9 g0 i1 D" I9 S
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
} * ]7 S; ?: C. Z
butt() 7 U* B* \; ~: H3 F: q: R
function auto(url) 1 A& {2 H' r! `0 L7 r
else ) B0 F" D6 v* h+ D4 ^/ c9 L
b++
} 7 L0 t5 ~3 d! O  m$ q
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 / r  c$ [" r- _# L# g4 j
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script>
37. 各种样式的光标 - U9 i! I5 v! u" n* q# A1 c
auto ：标准光标
default ：标准箭头 6 M- o1 q! {# h2 x6 L( ?5 ?9 l
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标 & m6 D" L4 ?& \6 `; s$ |/ j( q
not-allowed ：无效光标
help ：?帮助光标 * `% K. }6 [: u( g6 X! z
all-scroll ：三角方向标 8 W& j3 |: F" |9 j
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize # a: a! U# }% P2 R9 C
s-resize
se-resize
sw-resize
38.页面进入和退出的特效 6 W& \2 @+ G2 _
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> % g6 _! K9 C  o. \0 y1 {
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: ' E: z- @; `, Z% R. |
　　0 矩形缩小 & c$ j  V1 [# ?# N( I
　　1 矩形扩大
　　2 圆形缩小 . E! ~) O+ g# Y  E# p3 i$ L& z
　　3 圆形扩大 1 G; h0 f$ {5 Y" |
　　4 下到上刷新 " J' Z) K9 `+ ]6 L
　　5 上到下刷新 0 Q5 D3 i* X9 j5 {* E
　　6 左到右刷新
　　7 右到左刷新 5 P8 c' N5 E1 V  l
　　8 竖百叶窗 # P- O' g8 ?8 j" o
　　9 横百叶窗 6 ^& \) U+ C. o! R2 g, a( f, q
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新 , G( P$ h7 I5 V9 A
　　15 中间到上下 5 e# p& m6 N. I, Z/ q! M+ I/ m, A
　　16 上下到中间 " J8 ^; o8 d( i5 u7 j
　　17 右下到左上 2 Y# a, ^/ o, `" c  e7 u
　　18 右上到左下 3 @" [* ]$ t4 h& N+ h0 w# J
　　19 左上到右下
　　20 左下到右上 / ~8 W4 d/ J. Q
　　21 横条 5 p8 ]$ z/ T+ F. ^* X3 @
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转 " z( l$ T: H* O" ^7 r6 L& t
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> " Q8 k  {, S( ?& w, S! W' d
40.网页是否被检索 ; W' T7 G# B3 T4 F9 _- e
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； , j5 r9 I) W: z' M  m! N- [
　　属性值为 "index ": 文件将被检索； ( m' _0 Q  g: s, c2 J: d& Z
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； ! V( j- w: D, Q  i
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 6 c# R& N( r% c8 X3 E
最大化窗口？ * ?, v' L# X% ~5 ~
<script language= "JavaScript ">
 % l6 q/ Y0 B$ z, y) H$ Q
</script> , ^' Z$ ^( G. l4 j8 F$ p( e
: n# S4 Z$ Q; _4 ^0 ?

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： * [- E/ P1 v, g6 m; w, |
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 3 r8 w+ l& \$ `; ~6 I
<table> / [$ W- [9 W+ h2 R
<tr> <td> item 1 </td> </tr> 6 e) y# ]$ F+ u) l( A. {  Y
<tr> <td> item 2 </td> </tr> , [# T  H3 n0 u: p5 i- Y2 ?
<tr> <td> item 3 </td> </tr> 5 e' L7 H3 `; }" ^
<tr> <td> item 4 </td> </tr> 7 d; U/ X, ?9 y1 g
<tr> <td> item 5 </td> </tr> 5 p2 r5 W8 W+ g% b. L
</table>   U9 `- |; j1 o5 S; `$ _2 t5 m* z! b
<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 G- A: i  s
</div>
<a href= "# "  > menu </a> 0 F4 D3 U& x# D3 M9 T
<form> * `9 r$ K; g& h8 c
<select> <option> A form selection list </option> </select> + d: `1 ^# L7 o, \" R. w
</form>
输入框也可以做的很漂亮了 & U2 p+ a+ }/ _0 }; q/ Q
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> % B$ |0 J5 V: [& Z5 e: Z- Q
                        外向数： <input 5 X: v3 C. H  p. K* |. W+ j
         name=answer 1 P4 s$ t2 T8 o/ F, w
         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 ( ?1 r" k) P6 s: `/ w( w  G
         name=unanswer id= "unanswer " 5 M4 T' I3 E. h0 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) ">
                     <br/>
                     总得分: * p6 o* i  r6 `  K
                     <input . R9 H0 f4 N. E2 p
         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) "> 6 {$ ]& y" s2 q, z0 T% s
                     　结　　　　论:
                     <input 6 b; O# F5 [# H* w7 H1 y9 n
         name=xgjg id= "xgjg " , d0 X- u7 U" ?4 n2 B0 R: w# 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) "> , D& y9 S! \" b3 F2 W0 M! }. @
                     <br/>
                     <br/> ' A* \0 L8 y8 ~' O1 C' ?, z/ X( M: V

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> 0 {* i% `  U( {
                        <input type= "reset " name= "Submit " value= "重做 "> 5 g" ?: a+ F0 V7 d, l
                     </div> : d& Z8 ^* y- ]
注意：修改 <body> 为 <body  > 即为打开最大 - y% D1 w- M3 g0 D0 z
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> ! w% D$ v% m8 M! N$ u; C% e
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object>
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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页面。 ) H) k' F9 E6 D2 ?/ K! S
页面自动关闭
5000是指时间 <body  > ) K, [+ l3 V: o" N) x) M
弹出窗口自动关闭
10秒后弹出窗口自动关闭 . b1 g  M5 a* i2 g# r$ Z0 A
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 4 b4 P2 I( i9 k4 i. b" C1 S
head
<script language= "JavaScript ">

</script> % b+ m; @3 u1 s4 a8 e0 C+ w
<body> 注意：这段代码是在新建文件中的 * B1 U3 m: m1 M- o
<script language= "JavaScript "> - c+ I4 K3 ]3 V& Y* H8 I( w
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数