另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table # }4 @* n$ @, ^8 h" F
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. 永远都会带着框架 4 }* T. {+ @& E
<script language= "JavaScript ">  </script>
9. 防止被人frame 0 Y  l8 }1 ?' B0 T4 c/ v( G
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 # X$ }  J* C2 Q% m
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 5 A& b+ F: j- h# x$ u6 p
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 3 e1 i+ t: t8 b# S2 N: K
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 7 X' v; g3 n" E5 C* a
13. 取得控件的绝对位置 8 ^0 \0 D0 G3 T% p6 P* J
//Javascript 5 ], ~7 F) X8 J" }9 w6 ~4 x
<script language= "Javascript ">
function getIE(e){ / R; c3 y; E- q/ L8 r7 \9 \
var t=e.offsetTop; # }+ T4 e; W2 k5 S% s/ f8 }
var l=e.offsetLeft;
while(e=e.offsetParent) + V8 n5 P7 i* v, |* d; a* z. U( k* g
alert( "top= "+t+ "/nleft= "+l); - M4 ]# y, [: v) i) f* v
} 6 {; N  w" ~: J9 h
</script> 8 A) y1 V3 a* n7 f) n
//VBScript 9 V1 R+ T7 ?# Q- R
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc()
{
var e = event.srcElement; : e6 a+ g' Q+ q1 c( W2 {- o) a. ]. K5 c
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select(); ) B# q) K* v( ~3 |9 {8 E4 C7 T
} 3 n$ n! p2 @) [
</script> ' {8 c* e1 @; b# V0 y7 X" r
<input type=text name=text1 value= "123 "  > 7 h( P* h6 z; y" I/ k
15. 判断上一页的来源 & r; L% Y" }% z# q: k( b
javascript:
document.referrer # |# P; B. p, X7 L' A/ c
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 "> 8 j& n3 W* p+ ~  f' y! n
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 5 ~0 r- W' D, f- l2 S7 |; _1 P! m& y
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> - o( w# n" T  X2 m
<input type=button value=关闭 onclick=hh3.Click()> & ?7 j/ q! u$ }- ?& @) z
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 8 F& c7 c5 y7 ^/ ]0 V/ n
if(event.shiftKey) % b" I& H9 T$ B% _) M
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script> ; j( G1 P; Y2 Z
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 6 k" a' X, r, e
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> " H9 H/ e% k3 M$ S; @- H& }: V1 j
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或 2 F! M$ j3 N% }9 k: D- a
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ # o9 Q. ~8 a9 }: I7 n; p, S
<div> (division)用来定义大段的页面元素，会产生转行 8 H. c$ ~+ }. |+ D/ H+ Q
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: : |5 K6 S" _3 Z7 U
<body  > + D0 Y. `8 K7 I7 Y2 t% i) [) e
22.不要滚动条? , f& {' [8 B1 R) y: z3 Q6 Z% y$ U
让竖条没有: & u5 r8 B$ l* C) y
<body style= "overflow:scroll;overflow-y:hidden "> $ K1 ?: n- V- Y
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> * ]3 d0 T  k+ i
</body> 9 E  P& D/ V8 h
两个都去掉？更简单了 ( L% L6 o( v6 j# n
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ 4 z, n4 W2 O( m8 _/ L: O
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 # {) F; ?# m. M% ?
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> 9 f: z: q5 M1 o& P8 Y- @6 L
</form> ! C. o+ a1 ^; \* d
25.在打开的子窗口刷新父窗口的代码里如何写？ 3 B& R7 n9 i& S3 R/ m3 ~! n
window.opener.location.reload()
26.如何设定打开页面的大小 & b9 m& [) v6 s4 D& w! _
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> ; N0 o0 K' s0 a; V
body 0 s6 F$ E( c' L6 d
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE> ; w+ H2 x) o& l  d0 I4 y. @5 i
28. 检查一段字符串是否全由数字组成 3 b# ^, W9 G: R: N( a! w- e- i
<script language= "Javascript ">  </script> 1 H: |' D+ W( n- S1 c
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight 9 R$ K/ t0 z; f! u% J
30. 怎么判断是否是字符 2 y( s1 U9 J+ u- }$ u6 _% R" ^
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 1 e5 F$ e+ Z( D
<script language=Javascript> 5 J+ P1 o4 K: B# _7 i6 s2 ^
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd) 3 H7 f7 n; S2 }" |# p
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) ; M; Q: m) v8 I, q
</script> + h$ ^) z1 Y& v+ e$ _- Z9 R( I- Z
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> 0 l, h9 F2 s# s  A/ Z; B
function checkme()
for each ob in radio1 " y9 A, t) J7 S5 A& d
if ob.checked then window.alert ob.value ( u! W& E. V1 p  c
next $ J3 A: v+ w5 F  x7 N4 a$ h5 [
end function
</script> <BODY> & w9 N6 X& X1 z0 x/ c
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style + T9 h9 I. T- e& s/ A
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode   N8 ~( N2 i9 e
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错 9 N5 m( e7 N9 c5 h& y" K4 e
<SCRIPT LANGUAGE= "JavaScript "> 3 K9 N  D( E8 r9 S' o( a3 }
 : M+ B2 `( g3 [) Y: k* ^* |
</SCRIPT> 2 j& ?: X5 u& L( m9 A  ^8 L3 X
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： / b) I( J; S' C5 f# \& K8 V
把如下代码加入 <body> 区域中:
<script language=Javascript> 3 M  ]: m: ]0 G2 J5 V
tim=1 ! S. @* |3 r% r' A% S1 ?
setInterval( "tim++ ",100)
b=1 0 D" l) {/ a8 h
var autourl=new Array() . n9 n' C8 X* p/ c& R. P
autourl[1]= "www.njcatv.net " , h2 o4 U. f2 a
autourl[2]= "javacool.3322.net " 2 B7 ~: U7 U& N# A% w# y, `
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){ % {( c& h1 e1 h, p6 h4 p
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
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")   F' _$ \0 r0 E* y3 `- w. w% J
document.write( " <input type=submit value=刷新> </form> ")
} ' _7 h; X% g. R9 J
butt()
function auto(url)
else
b++ / X& c, p' N' T# H5 F
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 6 T: r9 t$ i0 L+ z( ?
onerror=auto( "http:// "+autourl+ " ")> ")} $ D$ Y5 D1 y: a8 d1 V6 p
run() </script> $ u# D2 C/ ]8 Y6 l- n: k! N# N! u
37. 各种样式的光标
auto ：标准光标 & X9 D% `8 ?: _# {4 ]
default ：标准箭头
hand ：手形光标
wait ：等待光标 ' z( Y$ ?7 E$ u  @
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标 ! \+ v) {2 Q. D" l8 p& y0 H9 |) j& V
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标   G$ q' X4 C* b9 }
e-resize $ Q$ M# m; w/ W9 T9 ~2 w
n-resize * ~7 @5 R4 j* a8 D. Q2 S
nw-resize
w-resize & A3 _2 B* z, f) }9 L$ }" {
s-resize , K) q: ?) z9 a8 f5 [- x
se-resize / S7 o( M6 d9 N) C
sw-resize
38.页面进入和退出的特效 0 s/ A7 `& p6 O5 d
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 9 g$ e$ o3 f$ w: e" \
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    4 g0 K$ V$ c/ o$ j! V' C
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: # Z7 @' |' e' m4 D2 ~
　　0 矩形缩小 2 C7 B5 P* \0 H6 @/ e6 Y  E
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大 0 W8 H% Z1 i( e, E; K! Y
　　4 下到上刷新 5 j3 z/ z3 G$ b& s+ t8 m( `1 ^
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新 + ]% v1 N& w9 |6 W  W# z
　　8 竖百叶窗 . V2 `& P0 D# A* s' k5 I: d
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗 : W3 U% A7 d7 K
　　12 点扩散
　　13 左右到中间刷新 ! X' \7 r. ]2 O2 ]
　　14 中间到左右刷新
　　15 中间到上下 % y: I% O% H8 O. D' O
　　16 上下到中间
　　17 右下到左上 # |6 W  d: |, t$ i8 m% O
　　18 右上到左下
　　19 左上到右下 5 C6 G/ @/ ?5 |% h- z5 D8 i, P
　　20 左下到右上
　　21 横条 9 Y% t* E# N5 `! E9 g
　　22 竖条 - p- x# K. Z( m# _6 f  a5 g0 g. e
　　23 以上22种随机选择一种
39.在规定时间内跳转 % S3 m  ?, T' y% B1 I
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> $ q+ j$ ^: d  i
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； % z. {3 b9 x0 X8 X* P$ E
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； / J8 U( H, U4 O5 }. k
　　属性值为 "index ": 文件将被检索； ! h+ T$ a3 C7 y3 V7 l
　　属性值为 "follow ": 查询页上的链接；   d5 S( Q  J- M5 B
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 2 q7 V1 w' P( }, G6 k
最大化窗口？
<script language= "JavaScript ">
 0 M- z6 F+ B, v$ h1 g
</script> 6 d3 M# n, h8 f& {: j

0 |" P% s/ K7 R9 z( o% g0 k/ _% }
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 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>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr>
<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>   }; n5 R$ O" e- ]' e" q" {: Z
</div> 2 M6 D- |5 Y, z# Z. U, R% n% Q/ u
<a href= "# "  > menu </a>
<form> - d4 L# }5 ^0 F$ Y7 R, v0 h
<select> <option> A form selection list </option> </select> - `- V1 O! a% G
</form>
输入框也可以做的很漂亮了 ' d5 v/ [% A( r1 N% g- f0 _0 l4 r3 m
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> # M2 x0 I3 n5 ~9 N" h
                        外向数： <input
         name=answer # K5 S& m1 c% d
         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=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) "> - Q7 Q' }0 o; {* X% [( j8 k$ O3 H1 w
                     <br/> 3 V  L3 l$ J6 w0 }
                     总得分: " U( }$ m6 o+ b
                     <input # H2 O/ J5 }" A2 f+ V# a: ?
         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) ">
                     　结　　　　论: ( T/ k: ~& p# \; j3 p% S7 c2 K% q
                     <input
         name=xgjg id= "xgjg " 5 D$ g, `9 X, Q
         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/> 1 U! ^0 I- I' I7 i0 |5 }
                     <br/>
                     - @; a2 p1 p5 t. K4 H2 f
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> 8 M1 g: c# Z/ _" x  |
                     </div> ' p" R% T- p; U% k- g9 f. u
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 8 O0 E8 m- b. m8 X2 `, D4 m8 P. o
                     <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> 1 T+ I4 l5 v- U  j  `- {; w( u& T
</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页面。
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭 - E- q2 x) R/ @1 Q9 L) A
10秒后弹出窗口自动关闭 + \! m4 L! g1 _' |/ v" }2 r& U7 H
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 3 ^6 X2 e  U- X( A' q
head 5 L* @* N: t6 N/ }
<script language= "JavaScript "> # ~- I; W7 W  T  t% J( I

</script>
<body> 注意：这段代码是在新建文件中的 # j0 c0 T+ ^6 J* R6 c' B$ ?) t
<script language= "JavaScript ">
  function closeit()
  </script> 2 a9 W3 f" J- m1 {) L2 u  q0 P
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 ( e% t' E4 a( f; @% E
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> . m0 L& H# k# P. p1 t
</object>

1 评分人数