另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 % V! q4 s& f7 f6 {/ Y
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table : ~$ o3 X$ D4 V0 S) q
2. <body  > 取消选取、防止复制
3.    不准粘贴 5 S2 f5 ~5 y" e& {" j. }
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 ! F1 F0 B! S4 ~2 F& x! r2 j
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 4 L, i. b7 w3 `) A3 l& z
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 " M$ ?( z7 X2 L1 U8 s
<script language= "JavaScript ">  </script> 6 Y9 Z5 j" p6 J
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> # s1 O: O3 B! z! T
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> + {/ ?1 F/ i( n% n, k
11. <input type=button value=查看网页源代码 : Z6 k& K( d9 I+ C* m
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> - F2 P* |6 K9 B. E# ?' P, i
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置   B- U1 x8 R; P$ X  I4 L
//Javascript
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop; 4 F) `  x, ]7 S1 c! P) X
var l=e.offsetLeft;
while(e=e.offsetParent) ' E( m2 k3 u1 T; [5 L6 Z
alert( "top= "+t+ "/nleft= "+l); / e! Q) G8 c; _/ c, x" z1 H
} ! p7 e. |; H) B
</script>   u4 h9 T9 A) X( R
//VBScript 8 t' v. \2 ?' U% i, y6 S
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 2 R2 `; j+ J5 W4 {
<script language= "javascript "> ! b: ^; _9 p# ^' H% p% E/ ?7 x
function cc() - e1 e# `1 R' \: @: ^: j& i* J$ b
{
var e = event.srcElement;
var r =e.createTextRange(); 4 S+ G1 |) _4 U0 M
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select(); 7 t& b5 V! |, X1 j; r; ~$ i
}
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript: - \" v% E4 s5 d+ W  h% |7 E
document.referrer
16. 最小化、最大化、关闭窗口 ; }' Y; v9 X' j7 \
<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 G6 {+ m# S& d" \# @/ F; M
<param name= "Command " value= "Maximize "> </object> % ?$ }9 K: U1 _/ Z4 w
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 8 ^( l) V# W! G) ~) q& l% A
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> , c& A+ G) R; p3 l( i# B
<input type=button value=最小化 onclick=hh1.Click()> ! W1 l* L! X' o/ C; t$ `
<input type=button value=最大化 onclick=hh2.Click()> : _* Y$ v1 `& i6 F( b! ~
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl ( {9 [! o$ Z; _
<script> ! G8 a: ?2 F! X
function look(){ 8 O. W. M/ L8 \6 P+ s- H  ]8 K
if(event.shiftKey) ) e0 b0 e1 W0 n& Q
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} 3 r7 u8 g9 c/ _& d. Y7 S
document.onkeydown=look;
</script> 2 z, z  f, [# |! q: J8 S
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 6 J" j- X4 O7 c0 b: p1 {. C
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ ! V$ R+ G; z4 i' l, F
<input type=text style= "border:1 solid #000000 ">
或   _% ?( y3 F& `* i" t7 X7 H& z- }
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: * a% a1 G- f5 L5 t
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ % `+ |0 J4 G: ?& t, W. c% ?
<div> (division)用来定义大段的页面元素，会产生转行 " N1 n: X: m' y( i
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: - M% [( ?! j$ V
<body  >
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body> 4 N: q' G% C$ D  f  a8 H
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> 3 C- i, I. a: r6 @. |- S
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 2 O+ D# J8 e7 n1 i' `
24.电子邮件处理提交表单 + T- I* t7 `8 ~6 A, M
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> : t; p4 ]/ ?  y0 @% ^
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() 1 j: W! ]5 A% t4 h% c9 ?' s
26.如何设定打开页面的大小   y5 g' N& O5 _/ _: f
<body  > 9 M$ c* |4 @; J
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 & x* J( R/ e' K+ ]+ V7 c0 G- J1 R
<STYLE> / B+ n% R4 i8 o3 Y
body ( A" T2 o0 g9 [$ g1 m
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 7 I% T4 m8 |& t1 j
background-position:center;background-attachment: fixed} + B* ^/ g6 e) c; U
</STYLE>
28. 检查一段字符串是否全由数字组成 1 `+ x# u3 k' z" S. A
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小 5 I3 }8 `" P" \4 |3 l1 w2 K
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 5 \8 a0 J2 x, _% Y8 T9 U
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 2 Q8 q) X. `0 C; Q
<textarea rows=1 name=s1 cols=27  > + N' _# w* v6 ~  Y
</textarea> 2 j  x5 }9 K" g% b
32. 日期减去天数等于第二个日期
<script language=Javascript> 9 d. f$ b" s9 o4 d
function cc(dd,dadd) : a. L5 Z0 X3 Z1 s0 ~
{ $ C3 o, E) D, j
//可以加上错误处理 ) S, n6 T0 i, H0 {
var a = new Date(dd) 3 D3 @. ^, J1 s; w5 `4 w; r5 J2 n
a = a.valueOf() + l3 b4 ~- M; ^$ E
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) % ]. X" b; `1 Q$ \4 z7 A
</script>
33. 选择了哪一个Radio 3 x- ^) n4 S: p9 X
<HTML> <script language= "vbscript "> 6 ?& F9 U! y" |7 S. r; _
function checkme() 5 ^) I! Y2 i2 g, l9 k/ u+ E
for each ob in radio1
if ob.checked then window.alert ob.value . P# w, ?" G2 C) w0 a6 Q& o8 F! J
next $ J* O$ G3 [; L2 _# ^: Y1 ^
end function
</script> <BODY> : ~$ v5 {4 B4 T( J% F2 K# s( T! f
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style ! M& H4 j; o" d( O* w6 Q
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  > : m2 h# j" j+ d
</BODY> </HTML> # H: G" }- X. [$ ~# ]: l
34.脚本永不出错 ! o( L% ~1 o0 T5 i
<SCRIPT LANGUAGE= "JavaScript ">
 . Q! L2 v' {# a+ O' I+ C. Q
</SCRIPT> 6 f+ g7 d; f% D3 F6 l9 g
35.ENTER键可以让光标移到下一个输入框 + \2 s+ N) W  s4 \/ x
<input  > . J7 |2 @( i5 E0 a4 }9 e
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1
setInterval( "tim++ ",100)
b=1 / F1 ?; f: L  K' G( L; {. G) D
var autourl=new Array() ( k7 ]+ C: P: a8 i
autourl[1]= "www.njcatv.net " ( E& Y: b" p& A7 w
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " ) M% E5 H" x* _+ j2 M8 h5 n' z3 |
autourl[4]= "www.nuaa.edu.cn " 7 N& |% `! N# Z. b
autourl[5]= "www.cctv.com "
function butt(){ ! R# |+ z% ]" A$ n) W- A
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 / [1 ?4 E- }- U* ^
name=url "+i+ " size=40> =》 <input type=button value=GO 0 R* K9 b; l! h! E6 s/ T. a  b* c
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
}
butt() $ N, ?- H# H' i: ^  X+ m; k
function auto(url) 4 H& @& Y( Q0 ]6 R' a
else
b++
} ) ?6 r+ p% M8 P/ k
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 ! W2 d6 T3 ]: A  t* z
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script>
37. 各种样式的光标
auto ：标准光标 2 l1 \8 H6 O6 {7 A3 q7 H
default ：标准箭头 3 j" T. a2 ^( Z" j. J0 f3 q1 J# B
hand ：手形光标 6 c- c. I  T* p1 t5 d" _8 ~/ u
wait ：等待光标
text ：I形光标 - q) p& V/ z! j. @( J/ @. j
vertical-text ：水平I形光标 / n! c- L6 o2 i0 M" Q; ?6 A8 k
no-drop ：不可拖动光标
not-allowed ：无效光标 : H7 n. m+ Z9 n# P. w, a. _/ c
help ：?帮助光标 ( i! `/ R3 x2 F3 w, R- I8 f
all-scroll ：三角方向标 : @( M) R) L* Q2 @; J
move ：移动标 3 v& L, A& w: h8 f7 S
crosshair ：十字标 5 m1 E5 R' p) d3 h# l
e-resize 1 T1 P4 L/ g/ t' K
n-resize
nw-resize ' @" y- }4 q: `3 |  \
w-resize ( e2 r; X: s" }9 w7 U4 x  t
s-resize * u! ?7 v5 s# Z& m5 t" Q
se-resize : R( Z4 E- I/ k, x+ x& ~
sw-resize * w% Y- I3 |  X3 N" U3 j
38.页面进入和退出的特效 * D' d9 K- m, a, `  ]
进入页面 <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 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新 + M/ a) ^7 h# H4 o* \
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新 9 K  S2 P; J/ p. j4 Q* B
　　8 竖百叶窗
　　9 横百叶窗 3 n- d/ L9 q" b7 _
　　10 错位横百叶窗 3 O: A$ n& q; b
　　11 错位竖百叶窗
　　12 点扩散 3 t+ S6 o& ^6 m5 [
　　13 左右到中间刷新 & S! s2 i8 t0 s, |& \4 o
　　14 中间到左右刷新 - T5 |- j- @% x4 N
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上 3 }3 r- Z  Z* {
　　18 右上到左下 : O$ h7 Y/ z5 j% }* B9 n
　　19 左上到右下 / \  z/ P( T5 K2 }: M7 n8 {  U7 }
　　20 左下到右上 9 O: |! T2 W4 y2 e8 {$ Q& N9 z
　　21 横条
　　22 竖条 0 C0 t# v5 x  O  `& ?. Z
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 7 n8 s  ]/ N: P8 t! X- K
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> 7 t) w* W( ]* W  h! y
　　其中属性值有以下一些: # a1 k' C( J8 F8 s
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 9 `+ S% I# l% `5 h% q7 n" J5 c
　　属性值为 "index ": 文件将被检索； % l# S$ g7 y9 X* C! x6 P% b
　　属性值为 "follow ": 查询页上的链接； 8 }3 l" |' ?: O5 c
　　属性值为 "noindex ": 文件不检索，但可被查询链接； # z& e; A* |9 L/ e) T  ~2 h
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">
   L2 O' s$ h6 _9 }
</script> 3 Q" \$ R  r- D# r% Q6 w

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： : \4 T1 s. ~5 c! V
<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> ' X! Z6 H# A) v* q6 h
<tr> <td> item 3 </td> </tr> # P! n- Z" ^1 [: [: T- \4 I$ L
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr>
</table> . ~" F( q( n( `' r6 Z' r
<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> " ~8 L) ^7 U! p  d
</div> 4 P, H, [! }* P5 ]( ?) n- `
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select>
</form> & d1 E' X; \% }2 l1 b' i
输入框也可以做的很漂亮了 - I' E* \& [% {3 F" T4 i
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> ) z- E9 s! b/ X* P+ D5 a' @* G
                        外向数： <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 R6 E+ F6 |8 \; f6 ?' @. y
         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 " + Q( U0 J8 v% ]
         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) "> / f. P8 l6 G$ J' s, v# D! N# L
                     　结　　　　论: ' A# E) J# m; Y& U3 B  Z6 M
                     <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/> 4 r6 L+ e' M/ I4 [2 B" z' e) A$ ?
                     <br/> * W' r+ Q$ g/ x: @) C

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> 6 w2 Y' z* ?0 G1 E* p
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 . {; E) Y4 Z' ^1 Y
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">   I2 W3 G; B/ K
                     <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 "> $ X9 m: J( C# i$ V
                  </object>
</body> # K# q3 Q" O+ K) t  {5 t6 F
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 * \. B/ n; Q$ V, l: z
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 2 F( R( n+ I* r% |; r* ?2 S0 [: |
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭 ' ~! `' G: C+ @4 @: `4 e& j
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript ">   q5 d. n7 s/ ?: y+ e/ A2 j
 ) h8 M9 U+ w* h1 V
</script>
<body> 注意：这段代码是在新建文件中的 8 o# X, B$ c1 u: r( O
<script language= "JavaScript "> ( P6 d5 L, A  ^, l  Z: `
  function closeit()
  </script> . l* O" D6 l! I% }2 B
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 ; k$ h7 R+ }* U; D) S/ i
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 8 W& J7 O2 d6 ~& K2 ?5 c$ t
</object>

1 评分人数