另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 ! m1 m* t6 d1 z
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 8 m# H" o  K$ j8 j! ^
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 ' N7 t$ X# y$ f. a7 T$ l
7. <input style= "ime-mode:disabled "> 关闭输入法 : H9 i0 A0 o! L( @
8. 永远都会带着框架
<script language= "JavaScript ">  </script> % t* ^( U6 ]3 p$ D  J% `" x* ^# g
9. 防止被人frame * {* Q: w7 v1 c3 f1 M( D8 ?! i: H
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> / s& ~$ H% `3 }$ e0 q
10. 网页将不能被另存为 ) P& Q; X+ [7 ^- f( ?
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> ! U( w/ j% U; _5 i% a) b% `
11. <input type=button value=查看网页源代码 1 C/ Z& [7 U6 c* Q. q
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 / e# u* |3 @/ j
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 ; J3 \+ D8 G' U, J
//Javascript : n8 r& p' B6 u2 A4 i
<script language= "Javascript ">
function getIE(e){ 1 i& k; A/ D3 N
var t=e.offsetTop; % ~8 ?6 H) N7 d2 }% t. w
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
} , n+ Z4 C. [. c& K' A# ]# p$ t
</script>   }2 P8 C5 N, Q
//VBScript
<script language= "VBScript ">  </script> ! Y: S/ ]5 F2 h/ c
14. 光标是停在文本框文字的最后 6 \. s( K, u( h# H2 @$ l  u" p
<script language= "javascript ">
function cc()
{ 9 e$ t; Y- Q5 F$ M1 B* W
var e = event.srcElement; $ {0 m4 I- {5 t4 ~  P) K5 X( m
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select(); ! _3 Z9 Y9 A, U' ]7 j
} : A; s1 [9 X# t" ~
</script>
<input type=text name=text1 value= "123 "  > ) n+ g1 a) ~4 {' c: V2 _1 i9 Q
15. 判断上一页的来源
javascript: + z; p- K# c2 c( c# W7 u+ G
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 ">
<param name= "Command " value= "Maximize "> </object> , u& L; C) Q) f* d/ F) ^; a4 T
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> & h9 I( O6 ^, }7 C% \$ w8 M
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 5 |! f- a* M+ A3 c% ^7 V
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> 5 B6 U  u: D- q3 ?% w
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE * K+ c" R7 O  ?9 k) g5 R  I7 ]/ e( r
17.屏蔽功能键Shift,Alt,Ctrl ) P+ ], c7 o% ]5 |" H
<script>
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 5 K# _$ _  v% p
}
document.onkeydown=look;
</script> 5 V1 C2 F' q4 b% Q' o  Q
18. 网页不会被缓存 2 _0 h$ m9 M5 ~$ U, a/ A) F
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 1 p' a5 L  G: N9 y3 v6 q+ s3 z
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> * t7 U$ F3 l/ i" r( I$ E2 a: B8 E
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ - t. _4 F8 b! W$ q- h* u
<input type=text style= "border:1 solid #000000 ">
或 1 l5 Y7 x) _8 ?8 [. ~
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: $ m% L3 h4 |# x/ g" c" a
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ 1 A3 J/ {0 J3 e# _: e6 Y, ]$ S: k* w
<div> (division)用来定义大段的页面元素，会产生转行 - _2 D/ _4 h4 U1 Z/ V
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> 7 o4 m& `5 R  }$ |6 x1 q8 E; I
21.让弹出窗口总是在最上面:
<body  > # S6 d# L: P# g2 W& h
22.不要滚动条?
让竖条没有: 2 y" |, e- b; C! {0 q: w! E1 p
<body style= "overflow:scroll;overflow-y:hidden "> " F; E7 t) W1 E+ F) q+ P$ f
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body> $ ?$ g- ^0 b( t8 l! D6 R
23.怎样去掉图片链接点击后，图片周围的虚线？ % h1 ]# }0 f$ n0 J
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 9 Z% T) f7 A1 i
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form> # F6 P  {/ v1 _/ ?9 y
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()   W5 d' _' j6 V8 l) f& [# W& Z" q
26.如何设定打开页面的大小
<body  > 3 p- W$ `* G! b+ A* `! f, g* |
打开页面的位置 <body  > ; c* @  t# m) x% y& F8 N" Y" O
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 3 N! F% S' M0 S' i8 h% s
<STYLE> 5 E7 R+ V) L1 f9 p- E
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} 0 r1 y5 G  A; Y; e
</STYLE>
28. 检查一段字符串是否全由数字组成 % Q1 O1 E( O9 v. b6 T; }
<script language= "Javascript ">  </script> & P' Y4 O) H7 v7 [% T
29. 获得一个窗口的大小 ) _$ w) r" z" V& i
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");   c' B- e2 Y! E
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  >
</textarea> 9 A! N6 O1 V' h/ U4 U; |, h; b1 g
32. 日期减去天数等于第二个日期 5 N7 Q5 ~' ^6 ^' l
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd) 8 o; ]8 O; A. W3 d! w+ d$ ?6 }0 l
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 / Z% w: b3 o- H6 a
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) % W3 A' _, K# ~9 q
</script> " p7 R( Z( m2 l3 |( S/ c& w- l" D
33. 选择了哪一个Radio # ?2 b9 {* W0 h9 v6 y; m6 |
<HTML> <script language= "vbscript "> 8 R8 e" I0 ^+ M2 s* J
function checkme() 8 N5 u% b7 x7 m, m6 y, T
for each ob in radio1 / t' A8 z% `' `* `- _* {- h
if ob.checked then window.alert ob.value
next ! L4 \. q! j8 m9 Q
end function 7 F. k, P* Z) X% ^. S5 k& Q, i3 \
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode / f4 ?; {2 g: X" x. ~% m& E- r
<INPUT type= "button " value= "check "  >
</BODY> </HTML> ( _1 d3 ~" a/ w  c8 k& F' x" V
34.脚本永不出错 1 i+ s1 h" [) g8 v
<SCRIPT LANGUAGE= "JavaScript "> 9 T3 r+ Z2 ?1 w
 # r$ c) W* E& G0 I7 b3 f; k
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框 : B/ p: Q  q! \( I
<input  >
36. 检测某个网站的链接速度：   D- K6 G0 |/ N, \
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1 + W  R) n2 p, z. W; X' K. g6 k* S
setInterval( "tim++ ",100) . |& Q6 x5 s: h0 Z' R& b
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " + S2 r2 a/ |7 [  f
autourl[2]= "javacool.3322.net " 1 }4 `, ]. j, m5 {3 a$ M  e" j
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn " 6 H9 {( V0 C" C# h
autourl[5]= "www.cctv.com " 3 l- |7 f1 c. r7 R' v$ A
function butt(){
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) . q/ E& @" _5 L6 P# O
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text + W* C% I8 x0 X1 j# g+ d
name=url "+i+ " size=40> =》 <input type=button value=GO ) l4 s' c0 D0 M
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ") 8 Z$ ]! g6 S( x! K5 K
}
butt()
function auto(url) 7 M5 w8 Z3 f' K& r9 |
else ) {( u$ b# t1 P. a8 X! B# Z6 d; \
b++
} 5 ~, ~4 a! i/ z9 h% P
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 ( e& o  e5 X5 m% a8 y
onerror=auto( "http:// "+autourl+ " ")> ")} : e# j7 n  a: t! s( h
run() </script>   H( ?9 f+ L" H! g% c, B
37. 各种样式的光标
auto ：标准光标 ) y0 @7 J# O9 c+ ?  p
default ：标准箭头 6 K$ v" F! U0 S; H9 b9 y$ _
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标 9 j" o' A3 S" j, Y0 V2 w8 z: Y0 \2 M
no-drop ：不可拖动光标 " a0 I5 F: h1 H% V5 W1 W
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 4 y9 V  K/ v8 _, j6 Z7 }8 e
move ：移动标 + O8 M5 Q9 Z" v
crosshair ：十字标 * O# ?. S( Q1 S: Q# z' C, I: N0 l' X  g
e-resize
n-resize + ^3 s) I  p1 f, ?- P
nw-resize
w-resize
s-resize # h$ x" Z. S3 p% i, x
se-resize 3 P0 r* H, G$ P- X! l* Y, J0 x( E" ]
sw-resize ( l% k' H  `+ l" x. \* X
38.页面进入和退出的特效 7 N) s3 y; i4 S! a
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    + |  {! a0 C7 S: N% _
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: $ {1 R" c. ^$ H5 b2 r. Q
　　0 矩形缩小 - Z5 A2 i: q7 b- U( E2 ~7 X9 M
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大 # G5 m3 p) i7 C+ x; }7 S
　　4 下到上刷新    A6 h7 o% S7 H' D
　　5 上到下刷新 % \, h; D! @# K0 {5 Q' x6 I
　　6 左到右刷新 . {& }- E1 ~6 |9 @* l& `  J" w- O
　　7 右到左刷新 9 w* g- s; S" N( @3 s, N& \
　　8 竖百叶窗
　　9 横百叶窗 ) s7 U. Q6 |1 g, i* C& B
　　10 错位横百叶窗 # z4 d9 T1 e2 J, D% r
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新 , C4 J8 R, U/ c1 t* h' [
　　15 中间到上下
　　16 上下到中间 , a9 K1 g, W. B+ ~- @2 `
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上 $ k/ b4 b) t: p9 l+ V+ m1 T
　　21 横条
　　22 竖条 % ~* @  ?3 G8 {
　　23 以上22种随机选择一种
39.在规定时间内跳转 ; t7 k* K" [. q- a$ Q- A$ P
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 7 s/ O: u2 |& C1 M/ L/ k8 u
40.网页是否被检索 9 w( y5 h- D8 i& W! `* D
<meta name= "ROBOTS " content= "属性值 "> 8 r4 E% w6 L8 d2 b0 [8 m
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 5 t: l* x& Q4 }; @
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； / w6 M' _" l7 m7 O; O3 }" @
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； * u2 c) Q+ E5 K
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 6 V, P1 E1 e  R: h- G
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">
 * b9 f" G- \& Z6 Q
</script> 1 @( ]1 W. f5 r* g2 n0 ]

. }: Y7 H; Q: N( q
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table>
<tr> <td> item 1 </td> </tr> 7 L: `( V. n; H' f( M  e
<tr> <td> item 2 </td> </tr> , n5 q* ]7 w  C' s/ M4 h
<tr> <td> item 3 </td> </tr> 8 }4 N' W5 j8 }0 H& o/ g
<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> 7 T( {! y/ z8 M1 a, S4 C
</div> 7 E, w* k$ S8 u: ~, d0 \/ H2 }
<a href= "# "  > menu </a>
<form> - ^( E5 ?* n" {. Q
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input
         name=answer " a9 a- H* h- h7 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) "> 2 v7 I7 u# Q# ?  l' ^$ G
                     　没回答的题数： <input 5 o4 w! ^3 |4 u+ p7 h3 w1 T
         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/>
                     总得分: ! ?! Y# Y0 b: D7 L0 ^8 H3 j2 r# [
                     <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) "> : b0 f( j, }1 ~, S% {) L
                     　结　　　　论: / L. \$ o+ v: o$ w3 W
                     <input 1 L3 @4 y  E" _* B2 P5 F& B
         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) "> 8 g8 G7 D5 m4 B& j  h9 X5 Y
                     <br/>
                     <br/> 1 P; A2 L% U2 o; r) V- n" G* A( p: P
                     / q0 ^+ }: a' G
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> ' ?. W$ Y+ y4 R0 `8 T1 H" ]& `! p
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 6 q! ?  m( t9 [$ f! i- p5 _# V
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> % V: x8 `7 V+ b0 ?
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> : v' @0 R# v0 E3 r! M1 D
                     <param name= "Command " value= "Maximize ">
                  </object>
</body> 9 R' `  Z# _+ J. h
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. ! _9 m& E! U& F3 M6 J
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭
5000是指时间 <body  > ! ^! z- x& K& k3 q: f& \" i8 e
弹出窗口自动关闭 4 J: m% c' {6 [7 p( Z' [
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 6 Y: h, L/ I, i
head ) `4 f  t; I' H; J2 T
<script language= "JavaScript ">

</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> * h! h/ ~! R( f
  function closeit() 4 T4 S  c3 Q0 d1 I7 S
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数