另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table - @. v9 \5 l5 e3 R4 E
2. <body  > 取消选取、防止复制 7 X3 J& J3 E. ]8 q" D
3.    不准粘贴
4.    防止复制 5 E9 F& z* p2 |! K8 |. A: K' D
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 ! g2 |7 K, n5 Q; @5 \
7. <input style= "ime-mode:disabled "> 关闭输入法 1 j/ t4 Y) D9 \/ Z. C* M6 i" O  @' @7 }
8. 永远都会带着框架
<script language= "JavaScript ">  </script> # \3 O+ A. p9 M
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 ) K2 S: T0 W& Y$ y: h8 f! J& v
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 8 t9 r, n5 g! r, m% W; T
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 ( ?% ?( z, @+ {& C
//Javascript ( Z+ C' ?/ J+ z: p# x
<script language= "Javascript "> $ ^1 U5 O  H5 j5 j
function getIE(e){
var t=e.offsetTop; % v  I! u7 L: C6 I& }, a9 |! @. x# A
var l=e.offsetLeft;
while(e=e.offsetParent) % ~' J% Z3 z4 ^- n% y; x
alert( "top= "+t+ "/nleft= "+l); 0 Z; U! n+ \9 f  Y) w
} % z& h9 z+ A1 P1 c
</script> 9 h) C# t& V: c6 T0 U. n
//VBScript 0 U0 _* U! g' H, Q- K1 l
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc() / p% U2 E8 Q' i# I4 l9 E
{
var e = event.srcElement;
var r =e.createTextRange(); % z& |/ b) m  Y
r.moveStart( "character ",e.value.length); ' U) |# ~. S0 n- n2 J+ K
r.collapse(true);
r.select();
} 4 [. }) q8 ^% Z/ s
</script> % i5 ?" \" d$ s: }- d: q
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源   u) f" ?; @; }
javascript:
document.referrer
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 "> 9 b' @( z# N1 g
<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()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>   M* _( s$ J" ]/ N; y
function look(){ 0 Q. F: y* h: q: m
if(event.shiftKey) $ z6 y; W  P( |+ C0 ^
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 6 u* n; z1 y! W2 ~7 u3 K% {. W# I! y
}
document.onkeydown=look; # f0 {( w! j! r7 t( z
</script> - {7 o. K+ G# ]: e, G6 H
18. 网页不会被缓存 ) r/ q; q7 \; x5 s( ]
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 0 L, u1 C8 ]' q
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 5 [, H( s& ]$ M- Q' m! Y
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> ( u) Y) J% R! F
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: ! V/ Z, ^/ N8 ?* U8 F' H
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > . O* _# X6 ]' Q7 a: a
22.不要滚动条?
让竖条没有: 9 m9 P2 x: ~# n5 V& k% X8 \: x1 ~
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有: ; C# N6 B  y5 f( M
<body style= "overflow:scroll;overflow-x:hidden ">
</body> 7 F" I5 ]# ?# I% k2 ]
两个都去掉？更简单了 $ g3 J6 l/ l; M' P$ ?. B
<body scroll= "no "> 7 e1 ~' M$ @  F: D, i: o7 C$ ^4 S
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ # v8 V) ]' g- P3 F! }! ~4 V% U
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> * N: @! m% N3 r0 Q* J0 h
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 9 S8 ?/ @* ?  _6 y/ a1 T. T1 |
<input type=submit>
</form> 5 P+ Y/ O' J# s
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() ; O8 A0 l7 {8 K* l
26.如何设定打开页面的大小 ; k1 L. m$ c' R2 W" M5 s; q
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 8 e6 c& [0 p0 ]  ]% R" u) n3 F& E
<STYLE> " G: U- z! j- o# X
body " E/ w0 W" c* [* b
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} ( v+ N+ b% |( o* r# J
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> + @7 V3 x" S* W$ H( B' Y
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 0 N# |5 R8 A% ]( f" i& H5 }
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); ' Y+ `7 Z5 G& A) p: G
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > ( J' _1 D# _. G) ^8 K& s# g
</textarea>
32. 日期减去天数等于第二个日期 8 f( Z' e0 B$ @  a0 K3 T9 y
<script language=Javascript>
function cc(dd,dadd) 5 `0 q9 i/ @+ B1 _2 P
{
//可以加上错误处理 6 T! L2 H7 P. s5 ~5 b' c
var a = new Date(dd) 1 g& `2 C2 f: y+ H8 Y. z& P1 ~( k( ~
a = a.valueOf() . n6 O+ v. f  G  e/ n8 \$ z0 I
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} ! s% E3 v, e' ^8 G' d8 B, ^5 {
cc( "12/23/2002 ",2)
</script> 3 ~; ^( y: G& y9 ^3 P8 b+ k
33. 选择了哪一个Radio 4 G0 R: p% p6 r: ^- A
<HTML> <script language= "vbscript "> ' c5 ^) d5 n, q- G# J
function checkme() # \; O. n; D9 e/ |* r) p* V
for each ob in radio1 ( h0 {' F( X* q' R. v! f% O3 U  U
if ob.checked then window.alert ob.value
next 5 W* F, l+ ^  t7 R
end function , H( k  v" J4 P. A0 Y( t
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style 8 }" n- _6 G" p4 c9 ^% o: \2 h
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode . |( |6 {1 `9 D2 ^* c' r
<INPUT type= "button " value= "check "  >
</BODY> </HTML> ) _/ h2 d% ~3 {# i( I. F
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> 4 h. u, F* z: m8 c& P$ G, n
 ) \6 d. y' R, J- o5 u0 P
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  > ) |! E) ~  B, ]3 a9 H* S& z
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1
setInterval( "tim++ ",100)
b=1 - _1 h  |: j' w& w- A9 f. a/ c
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " 9 r3 j5 o4 k0 y5 {
autourl[3]= "www.sina.com.cn "   G5 c. {' V. }( X( X: _- o
autourl[4]= "www.nuaa.edu.cn " 8 J& d( Q* a' ~) u/ J
autourl[5]= "www.cctv.com " * d8 A- w$ j9 x# k! r9 t4 @0 y
function butt(){
document.write( " <form name=autof> ") - r( m" `( c1 B. ~# j% n3 V0 `
for(var i=1;i <autourl.length;i++) # a1 X' S+ y& O
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text - Z) v4 U! M6 j0 {/ L8 a
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)
else 4 Z6 e; l- N& R* ^, n. U1 z& p6 E
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+ " ")> ")} 1 m' U& n+ Q- [/ V5 n( b, `
run() </script> $ |$ e: @6 A' S4 \* z+ c+ o
37. 各种样式的光标 3 y8 _$ y+ ]" ~7 s$ j  P
auto ：标准光标 4 }% @6 v# c2 S* X
default ：标准箭头 4 z2 }4 j9 ~8 v5 v7 j
hand ：手形光标 8 j8 I+ h: g3 ^0 P4 p2 i
wait ：等待光标 - n7 ^% j# i, N3 @, h0 V
text ：I形光标 , w2 D5 B/ J! o0 Q' w
vertical-text ：水平I形光标 / Y0 w$ [* }  W- t) b4 S6 v" {& f
no-drop ：不可拖动光标 0 R# A# D% [" Z8 w# T- J" T" h
not-allowed ：无效光标
help ：?帮助光标 4 B' o4 c# V/ E: n4 s1 R
all-scroll ：三角方向标 % P9 |; N- E* q0 {
move ：移动标 + N5 |0 |2 Z8 w8 P8 {# ~
crosshair ：十字标
e-resize
n-resize 7 C( y7 q6 D8 g( D/ T8 I0 v
nw-resize
w-resize
s-resize 6 c) i; g9 |  z1 y
se-resize - q+ j' f7 C0 R! h) h+ g& q0 Y8 D
sw-resize
38.页面进入和退出的特效 * ?) m' z5 s' V# Q4 @& q7 M. X
进入页面 <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:
　　0 矩形缩小 7 k; h- f% ^' r' T" j9 {
　　1 矩形扩大
　　2 圆形缩小 2 r# r4 P% Q9 e0 A8 q" b8 f  ~
　　3 圆形扩大 " ~5 U* b/ H% Q! s
　　4 下到上刷新 ; t/ \+ n" F' q/ _' J% ^
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新 4 [0 w) N" r% ]" K" H& F. L
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散 * X' G3 w& k' j/ M
　　13 左右到中间刷新 % S2 s% f: M( @- S: o/ u
　　14 中间到左右刷新 ! V  T( o* H6 }$ \5 q
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下 ' O- j# O9 j1 O  p4 U7 a" q
　　20 左下到右上 ' u- x1 d% K1 ^, G
　　21 横条
　　22 竖条 + L; f" E: Q9 F3 E
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 4 p  s2 t; c/ W2 X) Y
<meta name= "ROBOTS " content= "属性值 "> 2 T* v4 I2 e) O2 ^2 C3 K; Q
　　其中属性值有以下一些: , Z! M8 f$ \) t) k
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； * V. [: d9 _8 M( k& e' ~
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 5 z% e9 S# X0 T" E6 h8 O' x. G
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 4 `5 M6 j6 C# J3 U# ?' u3 x; p
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript "> . X& N& R* l" b$ L9 o

</script>
9 x" g0 F' I& T% ]: R+ Z1 p* T

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： ( |+ X$ ^& }) x8 }: ~. W; \' f
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> ) z  L9 s/ {4 q/ [5 o; D
<tr> <td> item 1 </td> </tr>   O- k& m- `# F* [: S+ O
<tr> <td> item 2 </td> </tr> 7 F7 M* t) J: s0 _# F' |5 p! }- a) p6 x. N
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> 9 E5 D. [; j, u4 Z6 v. k
</table> ) ?- k8 d: L* ~( l/ R( P" L3 d9 D
<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> - b" t/ l& F* I# N! U
</div>
<a href= "# "  > menu </a> # x* l) n6 g6 v
<form> ! j) U+ x( x7 ]) T# @
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input ; A' a3 s4 {. r8 z, P9 q
         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) "> 8 L# T9 t; A, n1 [3 Y
                     　没回答的题数： <input 5 g0 h& J0 b: {# Q  l  R$ l
         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
         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) "> 8 o6 |6 P" Q* W; h3 [; o0 c
                     　结　　　　论:
                     <input
         name=xgjg id= "xgjg "
         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/> ' n9 L9 k3 u3 u+ |7 D/ c& j/ W
                     <br/> * A3 [* z0 S, }; B/ w" j

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> . F1 g7 \! m  C( T" o# |
                        <input type= "reset " name= "Submit " value= "重做 "> 5 M' C; {# u8 ~! b8 Q
                     </div> $ Z: @+ m4 y2 |
注意：修改 <body> 为 <body  > 即为打开最大 " j) |1 _" d9 p
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 & Q4 U$ O% ~7 y9 B. K$ P# v
<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 ">
                     <param name= "Command " value= "Maximize ">
                  </object> ' y. V- c* w5 Z: M
</body> " u1 w0 Z4 S: p$ b
页面自动刷新（说明） ) k) D9 k2 Z1 g
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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页面。
页面自动关闭 / ]% I1 e1 I) r  u9 o( O( f1 R
5000是指时间 <body  >
弹出窗口自动关闭 ' V- U0 {. f* L( ^* g$ }' z7 Q4 x
10秒后弹出窗口自动关闭 7 M- [! ~6 P# q7 m
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head & X# x6 ?  c6 R' P4 Y
<script language= "JavaScript "> 5 c( ?3 T" S: z! D" O

</script> 2 f* s7 Y7 ]8 i) R3 D! v3 F
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> 8 ^( ?$ _3 M- I8 Q& Q
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 5 i. y/ b' w5 V( Z" u
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数