另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 % X, w: `; m* c" u
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table ! c" G& t" E3 }
2. <body  > 取消选取、防止复制 9 |2 n# D0 L8 p
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 ; P6 ?( m% I9 L: B) k* J
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标   {3 [% J, _, r( r4 l: v8 ?
7. <input style= "ime-mode:disabled "> 关闭输入法 ; i! Z/ Q: j2 X5 @/ J
8. 永远都会带着框架 : `% Y# k/ J6 R6 o# v+ n8 A( p/ c
<script language= "JavaScript ">  </script> % P/ q- F  {) {, s9 t7 \
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 3 b3 U& P6 e7 v& t8 H$ ~
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> # f( l& e" R$ M! d0 E4 j6 s/ K# O
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 & {6 V7 N3 w0 q6 p6 p
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> % ~, C$ u6 t8 b: a! K* P$ E
13. 取得控件的绝对位置 4 S. d  V: z& z- h% {
//Javascript
<script language= "Javascript ">
function getIE(e){ % f6 ~4 R  O" c3 d9 d
var t=e.offsetTop; 9 w# O$ z! q0 A+ b* y9 b2 J6 D5 f
var l=e.offsetLeft; 5 x2 U2 F5 M- h2 a2 p4 U
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);   e5 ]6 C. Z' |8 i
}
</script> 0 S$ c7 V# R' D, y/ q2 r
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 # F2 ?. d7 q% ?- a* b
<script language= "javascript ">
function cc()
{ 2 c. F  L1 l: l% i( B7 J4 N  |
var e = event.srcElement;
var r =e.createTextRange(); ) E3 W! w( R2 F8 S0 \, H' J
r.moveStart( "character ",e.value.length); ! t: s! e) t7 `6 c$ K
r.collapse(true);
r.select();
} 7 c; |# w3 q8 M! J/ J
</script>
<input type=text name=text1 value= "123 "  > 1 i7 I% j1 o# {* m
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 # {# ?/ t8 E( B, e* S
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object> & }( J, r! i6 N  G: l( k
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 6 B8 _6 m) D9 V9 n
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> 4 h, W5 \1 \+ E- F/ A9 l) p
<input type=button value=最大化 onclick=hh2.Click()> + f1 l0 w9 ^4 V( C% d4 O# p0 H
<input type=button value=关闭 onclick=hh3.Click()> 7 b# c- i/ R, }; h
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> 4 S' }% ~! v$ \2 i" `9 x0 `- m
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} : _7 N0 p% a0 \, m# Y
document.onkeydown=look; 4 z) i, B! s4 W, O1 p
</script>
18. 网页不会被缓存 / x5 w  w' R8 ?9 W& `* @7 A0 S& l  e
<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 "> ! P/ V; r* s+ O4 H# Z, N2 h
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或 ( g8 J8 z6 J8 s* t& h
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: * @1 W, S' S- W$ h5 f2 d
1 solid #000000 "> </textarea> " S8 }7 W" c  |9 f% x) ~; W
20. <div> <span> & <layer> 的区别？ 0 ?! g3 I' I; z$ M7 f: w
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 7 k  V2 `7 `2 L% y& c4 z
<layer> 是ns的标记，ie不支持，相当于 <div> ! `& J* O5 Z; B7 h9 I9 f* C, |
21.让弹出窗口总是在最上面: 2 ]. Q/ e: K4 T3 K
<body  > 4 e) ~! X" E, K7 P
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body> 3 r! o( l* ~. Q
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> ! W: P, c& A8 v$ t4 [/ y# r, I- T7 [
</body>
两个都去掉？更简单了 ( H6 ^" A2 G* H2 F( J2 F  a5 c. L
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 0 H: j: l2 ?0 h, h$ Q6 ^
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> % B! Y5 ^8 [2 ~! ]
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小 7 G' I( w! R( B7 C3 L! K, U3 \( \
<body  > # [- A6 _0 q) g2 U3 ]. j' a
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; # V% F- y% }8 c* a- U
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> ; u$ C# w; B- @
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 - _) ]! X* J) A1 e/ i, S/ `. A2 b
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 ) K$ K/ a' ~& Q" H; M5 |
<textarea rows=1 name=s1 cols=27  >
</textarea> $ L/ p3 F7 |" g4 \! p5 K
32. 日期减去天数等于第二个日期
<script language=Javascript> 0 H; Y" G1 N9 O5 ]9 _
function cc(dd,dadd) * h) Y6 |. h9 _! L2 q  }. M, g/ H
{ 8 P7 }- S2 Y6 K; b+ c8 b5 a
//可以加上错误处理 ! }1 S/ N2 y0 E7 e" d
var a = new Date(dd) ; H' ?, a7 ]4 c7 e. W  A- P
a = a.valueOf() : a# T. o' {0 [: F2 P* c6 Z/ v
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} * [( I# n; e0 f7 q+ F5 L4 k* E4 s
cc( "12/23/2002 ",2) ! l# w& I  A9 X: Z4 l' D
</script> # O4 Q6 G7 m* O
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> 4 c  V' o! B. N  `2 {1 D  j
function checkme() & k) k$ n* `# ]
for each ob in radio1 ! H0 |& P9 E( R4 p! \5 z# A* y
if ob.checked then window.alert ob.value
next 8 l3 ^4 {! w) A4 F* Q, i
end function 3 H& |% H2 b/ l  d: |
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style % n; j% T7 m2 A  d
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  > ( g# K* f$ O7 e, a  P) O
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">
 & c3 @  C* E' C: Y& P! Y7 ]& M
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框 ' P/ x$ Q2 A! a
<input  > - w; N9 Q8 u3 `( F, H1 J- o
36. 检测某个网站的链接速度：   B0 G% O$ i9 B. T
把如下代码加入 <body> 区域中: $ R0 P0 C( O- B) [2 M$ b+ k
<script language=Javascript>
tim=1
setInterval( "tim++ ",100) 9 \0 F' H- ^! E, @* _( s
b=1 3 f  J5 D) A0 i" i
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " 1 N1 Z1 Y; M2 J
autourl[3]= "www.sina.com.cn " 8 \4 u. Y$ v# I4 k8 S5 B6 w( M
autourl[4]= "www.nuaa.edu.cn " % A* S+ d5 x2 C: T7 c2 R
autourl[5]= "www.cctv.com " ( ]$ W: h- n" }7 a: A9 Y( W# a
function butt(){ 2 V& x& C$ x- A1 @; Q
document.write( " <form name=autof> ") ( s  X+ G! V3 h
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 ) ]6 P0 R% m4 r1 f! ^+ H# u7 N: g
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") : l) p" v9 j6 H3 [8 Z
document.write( " <input type=submit value=刷新> </form> ")
} 9 C$ p6 R/ @3 |7 h3 M0 |
butt()
function auto(url) . m- m' b- S+ W6 \6 F( _0 x. J
else
b++
} ; `$ H! M) ^, G1 q9 d9 ~0 x
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+ " ")> ")}
run() </script> 6 g1 Z! N6 O5 Z7 A  e/ I
37. 各种样式的光标
auto ：标准光标 9 {- O$ I$ [( J4 t6 M. \' P3 D; l) Q
default ：标准箭头
hand ：手形光标 . c+ I4 H5 N* H9 ?  P
wait ：等待光标
text ：I形光标 ! S1 u- i* [" z/ n0 q
vertical-text ：水平I形光标 7 H. |7 \& W! s5 s, S+ [4 j
no-drop ：不可拖动光标 ) m' r! B( |0 y; e& J- F. E) Y
not-allowed ：无效光标 % t- a  k; V6 u$ p: `' J" W
help ：?帮助光标 ! q* }  K9 q' a& Q- p) L" K* g' n
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标 1 K( o5 V3 y5 c5 \. w
e-resize . k* H1 K6 @/ E. U  j+ g' f
n-resize ( y5 k4 E: E; H% v2 e
nw-resize
w-resize 6 d3 n1 g6 [0 m# u) O
s-resize 3 q* ], t9 d' E& T) [/ T
se-resize 4 o" Z' X7 m! Q  j5 \/ E
sw-resize " v' r' @/ \  h6 I8 J4 @, D" B7 `" x
38.页面进入和退出的特效 2 U  Q9 \5 {2 K/ |+ }$ U
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    1 a% F2 W- Z- U( E0 H% [
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: ! T% Q  ~/ P# M6 e/ p8 Q% y/ P  e
　　0 矩形缩小
　　1 矩形扩大 * _+ h  i9 u4 H$ z& N. `
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新 5 A) t, `% Q0 j% x9 @0 t. \
　　5 上到下刷新
　　6 左到右刷新 3 F& ^. M8 b$ U' N7 g; s
　　7 右到左刷新 + B8 u/ n1 l$ G! n! Z
　　8 竖百叶窗 , J9 t; h5 u: c
　　9 横百叶窗 * L; u# O4 K) s! a# B7 C7 o, _
　　10 错位横百叶窗 ' _4 ~% G+ v) r* S8 e
　　11 错位竖百叶窗 % c* P% S: {" @
　　12 点扩散
　　13 左右到中间刷新 , J& B* Q1 w' A9 H( {2 {0 n
　　14 中间到左右刷新
　　15 中间到上下 ' i0 A* v, \- C
　　16 上下到中间 ) h2 l6 @" k! C4 r+ w2 O- B$ G
　　17 右下到左上 * b9 a# W) ~$ \* S& [
　　18 右上到左下
　　19 左上到右下 - U! T7 ]6 u& ~1 _! ]# F& V0 o
　　20 左下到右上 . {; }3 ~* Z, `. m  N
　　21 横条 8 f  E4 x9 O; q# z* o; Q) C
　　22 竖条 / s9 f" s. j  R! C6 |/ ?; F' ]
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> ' n$ |: n8 o; a( e. {
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> ' |5 w( B. w; W( W( i# k
　　其中属性值有以下一些: 6 p: }0 l, L  E5 I# u
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； , I' `# V* `& @
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索； - {/ n3 O8 _: P
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">
 ) B0 }& E7 J7 }: U: u: t
</script>
" q7 A+ W4 a0 \2 L% E" X

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 4 v! Q. k  w0 F8 s9 o
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> . o9 K- c& J( H7 p6 A$ w
<tr> <td> item 3 </td> </tr> . Z( p2 L6 K' h4 j
<tr> <td> item 4 </td> </tr>
<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> . y% F) S2 E: i6 F
<a href= "# "  > menu </a> ! r5 h% \/ n; Z( M. O' t: L
<form> 3 S& v7 ~# E. P  M6 Y! T. y0 d  V9 D
<select> <option> A form selection list </option> </select>
</form> % l) V& y: s3 @4 ^
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> $ Q5 W4 k4 Z+ Q# Z6 \
                        外向数： <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) ">
                     　没回答的题数： <input 2 h& r) W6 V, N1 a2 W" U8 U
         name=unanswer id= "unanswer " % s. c3 i5 T( x' Z8 R
         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  w9 `1 ?* D4 w
                     <br/> 1 `: L/ j- q: y9 G- m. n/ Q$ H
                     总得分: & q8 B- Y6 c$ t) j% G2 i
                     <input 3 K8 u  j3 I6 c1 q
         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) "> # N* B" P* Z% C
                     　结　　　　论: + O# z4 f! W* o# ]
                     <input
         name=xgjg id= "xgjg " / }1 j9 i6 }7 M6 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) "> - T3 V7 V2 V0 G8 w  _' B. ]9 j# q9 n
                     <br/>
                     <br/> 3 d" r1 ?  Y; d

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> : D: C6 V8 y2 c# B# i
                        <input type= "reset " name= "Submit " value= "重做 "> 5 n7 o" W& b: U; A/ v2 I- V
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 5 B. t: ?5 ^# b
                     <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> : `, a& z) ^0 J( [9 G3 E
页面自动刷新（说明） 2 h2 W1 }+ F+ G5 D/ q* ?- ~" X
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 9 P% b2 `6 s0 d+ \7 @  ]
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 ; s* a" X0 L5 v
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭 * i, `2 H* ?# y+ E! {% e$ l
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head ( m1 y6 w1 `7 I4 I0 H9 L' X* c
<script language= "JavaScript ">

</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit() ; i3 F- ~5 f1 t6 ]4 W
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 7 w5 Q; t/ p. }, Y
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数