另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<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 "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> 7 i* m( ?8 ]7 y0 b7 Q
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 0 i9 O, Y: m$ [; n
11. <input type=button value=查看网页源代码 * l. N1 f0 R  M* s0 P0 a
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认   a, ?1 w4 R5 ~
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 # Z1 y7 f5 {, ~* x
//Javascript
<script language= "Javascript ">
function getIE(e){ 8 ]- P( D: o# D. a$ _. L- r0 O4 a
var t=e.offsetTop;
var l=e.offsetLeft; 5 y/ a; C$ z0 ?. y- T
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
}
</script>
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 8 Y6 J. ]: }& k
<script language= "javascript "> 9 r+ ^  C+ q3 u
function cc() & m8 x) R& `4 X, g
{
var e = event.srcElement;
var r =e.createTextRange(); ! y5 ?/ K8 K4 R& U$ x- h# X* w' h
r.moveStart( "character ",e.value.length); 5 z+ t( @/ P( @
r.collapse(true);   X  Z8 f9 ^& I( l6 w. U
r.select(); 6 c) n- ~1 }% g- N
} 7 Z8 Z! ?& V2 M' e# |
</script> ; W5 w/ |, d+ C2 g* O, V4 v
<input type=text name=text1 value= "123 "  > # S/ K2 P! Y8 \% C1 G
15. 判断上一页的来源 - b( T0 t6 W# k" @. D$ O, Y0 W
javascript:
document.referrer ; R5 V9 f$ N' P9 u* O
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 4 p1 }5 B9 \# |1 D8 V
<param name= "Command " value= "Maximize "> </object> 0 r6 N0 t/ P3 [
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> . D/ S7 d8 E. M1 A% u! \, O: J6 `
<input type=button value=最大化 onclick=hh2.Click()> " w6 S5 ^! Z! b7 f4 A# |
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl % o) q2 Y( J. _) e7 I4 ]' K- s
<script>
function look(){ 1 F  y5 P8 k: D% f3 v% m
if(event.shiftKey) 8 i4 Q( ~3 ]; K3 m1 B; \
alert( "禁止按Shift键! "); //可以换成ALT　CTRL ' v" A, C, J: r" A
}
document.onkeydown=look; - `' A  j: ?& s1 Q6 v/ S0 c% a# ]; f
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 8 ^0 n/ j9 J, {- ?
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> / X9 g) E- X* h  f. U! L
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> 9 p- `+ b- ?" j( c7 H! b
或 + ^0 t! @5 M9 w$ B+ j
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行 , D% t) Z, F0 m- ]2 v7 F% }( K. \) h
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 / m/ c7 Q' r9 u& O
<layer> 是ns的标记，ie不支持，相当于 <div> ) r; k3 B2 X8 ^, l* K" n% z3 J# u6 a
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? 4 v0 W  E8 i+ G5 p8 E
让竖条没有: 2 W" ^7 F/ V1 |' F+ K  u/ v
<body style= "overflow:scroll;overflow-y:hidden ">
</body> & p$ X# ?/ H3 r2 K, U
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> ) C( q, x' J$ {; x: \
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> , B& w5 J1 |7 k1 @. I0 S
24.电子邮件处理提交表单 9 F5 U+ o- ^% R- l7 T
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form> " b6 h: W$ t8 [" C' T; {
25.在打开的子窗口刷新父窗口的代码里如何写？ ; M7 p" S5 z. M$ j. E
window.opener.location.reload()
26.如何设定打开页面的大小
<body  > 6 i# C& N# a# r3 Y* n' |" b  v
打开页面的位置 <body  > 9 f. w" R' G# f& k: Z& N! F- @6 d
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> * n+ O1 c, Q* z$ s# o! n: a
body 4 }( C6 f+ G6 e0 W; d" x
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;    D5 s& Q* u  e7 w% f
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成 + p/ H/ p' F0 Z  ~' l
<script language= "Javascript ">  </script> + @9 \. o. b9 n) A
29. 获得一个窗口的大小 & o; F4 Y7 K  j2 f
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); 4 \1 V$ B% g. x' @; [
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  >
</textarea> % L$ b9 N& N6 Q2 p- K
32. 日期减去天数等于第二个日期
<script language=Javascript> " H+ P& Z+ x1 T& g4 F2 o9 u9 m
function cc(dd,dadd) ! }0 ~# o3 }8 b$ D+ ~5 f
{   Z! P9 F6 Z+ B2 e" s
//可以加上错误处理
var a = new Date(dd) 7 `, ^; k/ y/ N8 s
a = a.valueOf() ) g! j3 d: |% K- l  k: f' P
a = a - dadd * 24 * 60 * 60 * 1000 8 s/ l9 r1 @9 c- |" P) k# ^& U
a = new Date(a) / ^. \5 @$ H/ `- v* k& X: P
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) / I+ D2 [4 S, p
</script>
33. 选择了哪一个Radio 9 z9 Q9 L( b2 h9 o8 h$ l* Q, j5 e" _
<HTML> <script language= "vbscript "> ; P2 a- v& _* s" z$ ~7 q
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value # H2 r* X3 E. i2 V, a; G  l/ [# j
next 6 S. [" I* y7 K  o* \
end function , {1 ]9 u# T" m0 F2 T
</script> <BODY> 5 |9 f! Y# X: \, P5 Q, `3 _
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 0 P6 P; c( o! V/ U& K4 V
<INPUT type= "button " value= "check "  > ) K6 m2 @4 S3 z1 J/ J
</BODY> </HTML> # K2 W5 y# y2 M" U* m
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> * ^4 Z4 D* B: Q
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： / E4 P/ e0 M8 a0 n
把如下代码加入 <body> 区域中:
<script language=Javascript> * Y$ M6 }$ A2 C* I* _+ B; \
tim=1
setInterval( "tim++ ",100)
b=1 4 ?/ E# c% e- P* Z! |/ L: ^' ~$ Z
var autourl=new Array() 3 I4 y+ j7 z- y- D
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " 3 x+ y+ a* F2 o, J9 c  h
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn " + J  H: H" ~! M. m* S- w
autourl[5]= "www.cctv.com "
function butt(){ . W0 c+ y9 ~& p0 Y
document.write( " <form name=autof> ") % \9 L: [" }& M0 i: I/ ]
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 3 N: h# t* E  w* M  J' T0 K  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() ! a- J1 o0 ]& G8 ^" K+ ]
function auto(url)
else ' i. h8 I0 v( e; W: J: p$ q2 n
b++
} , [5 @- y, A, A4 y
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 9 t. c9 i  ]" w% O; B' \
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script> 9 x; K" Q  U: Z: r9 l7 D6 j# u
37. 各种样式的光标 ) N/ m; k& g1 w/ E- d
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标 % r- ~, a1 {& f* R, I6 Q
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 9 A! T% M, F1 k# d! ~! p1 S
move ：移动标
crosshair ：十字标
e-resize
n-resize % A2 \/ [4 R& X# M( _6 @, m2 l! }
nw-resize
w-resize + a2 H# [: P* G3 I0 |* a
s-resize
se-resize
sw-resize 6 H5 b/ n) E, v; U1 q. U, D
38.页面进入和退出的特效 ( n9 X+ E. b5 y* _
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 3 L* L9 u; e. U( J
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 ( ~& \1 l/ {! f. P, q
　　1 矩形扩大
　　2 圆形缩小 % _' B8 m$ l( C5 F/ v3 R2 o+ n
　　3 圆形扩大
　　4 下到上刷新 ! P% B# o7 p* K- T
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新 / R8 S9 f) }( U* ]& H. C1 [
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 0 D9 U* `$ ]' H( Z  s, M
　　17 右下到左上 $ G& o1 D/ i# M1 W% V8 X( r
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条 ( b3 R/ Y7 E3 {
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> / m5 C5 z( Y  ]3 D, X
　　其中属性值有以下一些: & V! F% e4 I* _/ Z4 f
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； , k6 m2 C& ?' j) h3 \
　　属性值为 "index ": 文件将被检索； 0 W' R  F, W9 o
　　属性值为 "follow ": 查询页上的链接； # k0 L# I7 k( r+ e* U
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 0 n! y, [, M1 {6 g  K) q: K
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。   H$ k4 B: ?. n# a+ ?3 _
最大化窗口？
<script language= "JavaScript "> 9 e; |% H0 O1 _9 ~1 a! i

</script> $ g/ p( F7 o* M- m6 C/ A
/ Z7 o- }( x" o

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> ( m6 U8 [0 ?" f1 t
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> - k; O6 B) a. S' C+ @) @) k
<tr> <td> item 4 </td> </tr> ' R: M0 m% O+ b$ ]5 q" `
<tr> <td> item 5 </td> </tr> ' K$ X8 R+ X9 ^2 F
</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 X5 H+ x' W$ q) L% ?
</div> 6 k; F0 U1 B, H4 H
<a href= "# "  > menu </a> 9 n$ O7 k3 |- b2 C, ~: A
<form> 7 g5 a  z, E. C, F  u: Z! a
<select> <option> A form selection list </option> </select>
</form>   b' Y5 I  L, i
输入框也可以做的很漂亮了 # d6 f% J+ s7 S, o
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input
         name=answer / E+ \. r0 b+ ~0 h
         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) "> # P$ u% g, \$ N# G9 g
                     　没回答的题数： <input * r, m  i# s* u1 I5 \
         name=unanswer id= "unanswer " 9 X' r1 {! z  d7 P  o6 F0 S5 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) "> 7 f  K4 ~8 X7 y
                     <br/> % a2 j6 r( d6 w9 c# V" c, w
                     总得分:
                     <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
         name=xgjg id= "xgjg " 9 V" b+ O2 B/ N4 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) ">
                     <br/> # R1 z" I4 M0 y6 n# {2 C/ `
                     <br/> 8 c& H8 K! R5 C% l5 ~

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> - Y8 z3 i' \; m0 ]7 c, J$ z
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> 7 z* d0 W2 y7 w4 E
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">   H7 _9 \) m- C5 y& I
                     <param name= "Command " value= "Maximize ">
                  </object> 9 K) S9 \& R, s
</body> % a5 d. I+ \" |0 {8 x& v$ Y( B
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. ' E2 a! X  p1 ~
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭 ; R" F3 S9 D, q, ~9 h  u
5000是指时间 <body  >
弹出窗口自动关闭 : p; P* G0 m) ^6 ~1 r
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head - [7 Q# R- I) O! T$ i8 k5 Q7 h& N
<script language= "JavaScript "> ) \4 s$ `# {5 m& i
 " R: d0 g9 X1 E
</script> : n) V6 B. I% I4 A
<body> 注意：这段代码是在新建文件中的 3 u! G" [, u$ ~! r" c0 C
<script language= "JavaScript ">
  function closeit() , p; D6 \; z: A5 L0 W4 n( S! W
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数