另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 " `; G$ h6 v2 b: T' x; w  \
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 0 w0 H6 X) y: C. Z. S
3.    不准粘贴 " i& ~6 {" t3 W$ |0 A; j
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 5 ~! Z$ j9 G, p6 m/ V7 }
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script> 6 {' b. X  Z9 _$ w3 ?' d3 l
9. 防止被人frame ! R! ]& I6 i( \2 q
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> % Q& d/ P3 p1 A6 ~; ^* j
10. 网页将不能被另存为 " G+ R( F' }7 P5 o6 H1 `
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 1 n7 a7 M9 R- E+ A" _
11. <input type=button value=查看网页源代码 4 @) W1 M( ?' g( E, q: v$ Z
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 7 Y. a( M7 E% N' a+ E! `$ C
//Javascript
<script language= "Javascript ">
function getIE(e){ 2 X% @/ z8 b' Q
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
}
</script>
//VBScript . p, u) R5 Z; o+ C+ B3 d
<script language= "VBScript ">  </script> - p& ^  k$ H& l: m0 i8 F' k
14. 光标是停在文本框文字的最后 5 D) |/ |& z$ i3 N
<script language= "javascript ">
function cc()
{ & k$ n, `7 k) T; I, s
var e = event.srcElement; ' \- k9 K0 K2 y8 H
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select(); 0 ^9 @7 H( c2 B2 \7 I
} " j- C. @. g, h; @: l
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 * y- R$ a1 z2 h7 B
javascript:
document.referrer ( q; o$ j1 m& u6 A3 t3 i+ R
16. 最小化、最大化、关闭窗口 : O* f: f4 ~1 ^" F
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object> 4 E9 [  \' D# r/ o) E
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> - A; m; K2 p; z; C" s8 J3 f
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> % k$ v2 U3 ]) d- _' B" ~4 n* L
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> ) t3 `+ S! W# `8 s6 `
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl . Y; k! M# X0 }: b
<script>
function look(){
if(event.shiftKey) - u+ S, N; D$ T* f8 p! R2 l
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} ! b5 U7 t4 t6 k9 C* X
document.onkeydown=look; ( A: U1 Y; r6 B2 g" u4 E
</script>
18. 网页不会被缓存 9 \" B- y2 D7 g) |1 e: a; r
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 2 y* Q/ Y: r& ~
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> + Y9 y0 L$ G5 E+ c/ q
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> ! p, J* }0 q/ N! i$ |0 m
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> * r6 t, M# M% C$ {/ @4 n
或 ) A) K: \  Z( h# c! k
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: ' d! f1 l& Z- n6 W
1 solid #000000 "> </textarea> # p! _$ P; v# `: {0 v6 Q
20. <div> <span> & <layer> 的区别？ * Z. b+ X5 B" K. M/ H
<div> (division)用来定义大段的页面元素，会产生转行 1 q% ]: J/ T7 S$ r' L! a
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: 0 _; n/ n7 n  j  D- K' a/ P
<body  >   \2 R7 r. I- L0 Q2 V
22.不要滚动条? / c% m" e8 Q5 ^2 Q- Q4 M4 Y7 h, b' f
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body> ( C' j# a, _: J! t% C# V
两个都去掉？更简单了 & j% T: t2 @1 ~3 x
<body scroll= "no "> 0 ^/ U7 M& _! b# H* ?4 I3 z
</body> 8 Q4 H/ l- T8 ^; G8 W2 A7 q5 v( ~
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 3 s3 F* \, s1 @6 q0 w% i$ N
<input type=submit> ' A4 K( i) |0 p% ~1 d3 w
</form> - G0 w9 u$ Y9 O/ z4 m( L* `, z6 k
25.在打开的子窗口刷新父窗口的代码里如何写？ 5 e8 M* r; `3 Z3 d# T/ G
window.opener.location.reload()
26.如何设定打开页面的大小 8 \/ {! ^9 s' _( b4 m" w6 j' G
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> " d8 A, s# Y" d: F+ c2 u* G
body ! R5 r9 o/ V. O0 Z4 w- C  n; w# k
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 1 H9 C8 ~  _; ]! T: L1 |
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成 / R2 K0 P( Z6 E4 _" N5 X* F
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符   `1 i! K0 z6 D' d& i
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); ( r9 T, x% n8 N1 F: }4 T  W  l! r8 j
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > 7 Y5 g* C8 A: R1 J0 c0 t
</textarea>
32. 日期减去天数等于第二个日期 3 X: `- \0 @6 r0 y: A
<script language=Javascript> * @  G7 t6 A8 V/ w
function cc(dd,dadd)
{
//可以加上错误处理 2 Q0 f1 s# V* v
var a = new Date(dd)
a = a.valueOf() - S! T' X& e) Q8 q
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) ) _) Q/ |/ H3 o/ q/ d) @, y" e" q
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") ' R8 P9 k0 U2 w7 f, E. c" V( |
} ; H# m: K$ ^" [- ?2 t/ P
cc( "12/23/2002 ",2) ; o* c! W6 E2 b' i% z" N
</script> 9 F& u# W/ k) K1 a8 ]: s3 i
33. 选择了哪一个Radio " B5 d" @4 N' j3 ]* ^
<HTML> <script language= "vbscript ">
function checkme() # |: B: W$ U8 `- N
for each ob in radio1
if ob.checked then window.alert ob.value 4 B- w1 z2 y0 H* t+ e2 ]
next
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style 1 u! F# t# ?0 A$ e! X  w
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode ( J4 g, M0 e0 O# f( R6 P
<INPUT type= "button " value= "check "  > " b) q' V3 }8 X  t0 N8 S8 }4 r
</BODY> </HTML> 6 C7 D. K, f0 P/ z1 p
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> / z8 W, Z6 ^, Q9 O/ O9 C, J6 w

</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: . }8 _* B( z+ Z0 s
<script language=Javascript>
tim=1
setInterval( "tim++ ",100) " L" G6 ~2 A2 s4 L! C3 J- M
b=1 5 M) H, `  n* W- d& |: G5 |
var autourl=new Array()
autourl[1]= "www.njcatv.net " ; j( ?- h$ f9 E1 c. q
autourl[2]= "javacool.3322.net " * Y8 k2 L9 \1 K" |8 r
autourl[3]= "www.sina.com.cn " 1 ~' S( k  X" y
autourl[4]= "www.nuaa.edu.cn " . Z4 _. \1 K/ N  a
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") % S- J; j! ~2 r& U4 E1 [
for(var i=1;i <autourl.length;i++) 8 b7 j$ l9 `: m2 n' k
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text ( m; v* r, P) N# x- _3 F8 r
name=url "+i+ " size=40> =》 <input type=button value=GO . }: _! R3 u( X9 J' m# }
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") ' a* N2 }/ G+ r+ k" \- o* `3 h
document.write( " <input type=submit value=刷新> </form> ")
}   b0 z" c1 p$ [0 L
butt()
function auto(url) 0 }5 V& B- m2 x" C
else 3 H9 E' i! O4 i5 W
b++
} ! l+ N) @' t6 }) M! Y
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>
37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标 + l  q% g. t! B5 T
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标   ^' W) J' r2 y, X9 G, Q# s4 r
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 - s6 c& `0 U  @6 ^5 O
move ：移动标
crosshair ：十字标
e-resize
n-resize 7 U1 \* q' b9 x1 c
nw-resize
w-resize 2 E' ]( A2 g2 X# x# p# T# i0 C+ R
s-resize 2 }$ Z) k+ a# U' d1 V. w3 X
se-resize ( Q0 l/ N+ [. j1 h
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> $ Y7 J2 M% Z$ f2 M$ k
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: # d# D  d5 y* [1 a) ?- r( o3 q
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小 . @% a$ H8 F+ U2 P
　　3 圆形扩大 " }0 ]! V' Y8 H( x& v% P& k  h3 c
　　4 下到上刷新 3 w! C1 P& r4 x0 n* j3 J
　　5 上到下刷新 3 z) ~! U7 E3 Y7 ?
　　6 左到右刷新 ! X0 C* M9 l1 M
　　7 右到左刷新
　　8 竖百叶窗 , u, \9 a/ N1 q8 }
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散 - Z4 v( C7 g, k; F5 r
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下 ( ]3 N" R( ?+ ^9 Z+ a" w  }
　　16 上下到中间
　　17 右下到左上 # R, ?7 b2 Q, k+ v8 y
　　18 右上到左下
　　19 左上到右下 ( `3 o# N& z5 u* v1 }
　　20 左下到右上
　　21 横条 7 \* l3 L. H% a. s; U
　　22 竖条 % D5 f# X4 `8 R& t% h( Q
　　23 以上22种随机选择一种
39.在规定时间内跳转 ; D) i' E+ P4 N  z3 y
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 / W! O; {) D$ L& k
<meta name= "ROBOTS " content= "属性值 "> ; w; q3 K# [( w$ q+ X/ @. w8 L
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 4 A8 B- Y; {' ^$ A. l# p+ S) }& w, s: _% z
　　属性值为 "index ": 文件将被检索； 3 H0 `  Z7 B8 W* T  |1 a% A4 q# t) I
　　属性值为 "follow ": 查询页上的链接； 4 `9 R0 G' T. F  C- \4 O9 H
　　属性值为 "noindex ": 文件不检索，但可被查询链接； ! j4 A$ S- i5 x1 P8 U3 [) A' O
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 / X" |4 l& c2 h+ n) \2 H/ M/ v* Q
最大化窗口？
<script language= "JavaScript ">

</script> 1 f# H! z3 O% A# R" Y6 @
- P& M* x) N1 I" E7 [$ [
9 Q: l% X1 }6 f' l% Z5 V5 S
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 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> ( e  M0 E' e4 V6 u
<tr> <td> item 2 </td> </tr> - w1 b* H- I0 D' u5 D% M, B
<tr> <td> item 3 </td> </tr> $ I- n3 [) T& R1 m6 J) p
<tr> <td> item 4 </td> </tr> , c, j) y9 B  N
<tr> <td> item 5 </td> </tr>
</table> $ Q8 q& ]- Z; l( K
<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>
<a href= "# "  > menu </a>
<form> 4 }3 O9 j# p: j( G, F7 @5 k% T
<select> <option> A form selection list </option> </select>
</form> $ Q, U% V! H! ~3 G5 }' z+ R7 ]
输入框也可以做的很漂亮了 + d: R9 \7 J5 M' J# l0 o
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> / o1 J$ c9 X# V6 L  ^" k5 y
                        外向数： <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 4 I+ t& ]: T' i: I% e4 O
         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) "> / M* k, T2 i: H  W2 N7 j
                     <br/>
                     总得分: - R9 X, v2 v. e
                     <input : \% j/ I( P7 o  G) l6 W% i
         name=score id= "score " 0 E8 a+ C& d( y7 b8 ?' g/ 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) "> $ x- v5 L; b! t
                     　结　　　　论:
                     <input . {7 M% h( H& G0 v' t& w
         name=xgjg id= "xgjg " 2 c% I7 B) I6 ?2 _8 ?: C
         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) "> . s; }( j8 y  A% V0 E# M
                     <br/> 5 P; O  y1 k0 j( E/ W7 ]
                     <br/>

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> - S( }) P: A% t
                     </div> . h  p; @9 O. D* f/ k6 B
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> 1 Q! q8 L" J0 j; l; H
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ' `) W4 C) a/ a  G% f
                     <param name= "Command " value= "Maximize ">
                  </object> 6 t8 M/ H  H: T: p9 f3 `, f+ q0 z
</body> . D, V1 y2 M' h( k, Q, Y
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 , `( _% K6 M& |+ Z2 `
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 8 J& z8 k7 \1 p$ a5 ~, A) Q
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 6 O7 n, P! c. V' a' p
页面自动关闭 ! j4 d& C- i3 h1 j/ N
5000是指时间 <body  >
弹出窗口自动关闭 " B4 ?& r+ Z6 T
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript ">
 % W: h2 c+ G: ~$ E8 [* F7 k
</script>
<body> 注意：这段代码是在新建文件中的 + S' m2 w$ E5 Z& Q: c
<script language= "JavaScript "> 4 w8 W7 E# {) w/ y! d& J0 {
  function closeit() 5 A" w& @/ \% X/ q" ]' `4 Q$ N
  </script> ' f0 }' _5 [6 Q# G' b' y4 V, O
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 # l: ]  Q6 ~# P( y. ?( {! e
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> $ K7 R; X7 Z# ^- D
</object>

1 评分人数