另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 ! o! ^, B- p  M- I
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table 1 r$ G7 m; R: k
2. <body  > 取消选取、防止复制 * z" |( r: c- v/ `1 Q, q0 W
3.    不准粘贴 # {7 n; ^# n6 G/ }) `
4.    防止复制 ) r) G5 p* M' z1 j7 Q; |
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 + E# X. v7 k4 V! I2 G( Y
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 0 z, ^- }# y) U) @( p6 K0 l
7. <input style= "ime-mode:disabled "> 关闭输入法 # B1 h( _7 i" Y* E! a$ @% g
8. 永远都会带着框架
<script language= "JavaScript ">  </script> ; Q  }4 k. ]( c" K# _( V3 D
9. 防止被人frame   F3 A# N' N2 P# b6 g- Z
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> + w9 h. z& i, G3 e! m7 x3 h2 g
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 " r$ M) S& Z- y% j. B* |0 B6 O
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> ! k( ]- v+ L1 |0 R
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 8 {" z( K' Y: A( h! J, f
//Javascript , b$ l+ r5 Z; x* V
<script language= "Javascript "> & a9 \. M3 E! s$ l* R' X: O3 `/ g& [
function getIE(e){ 8 ^: U; L$ k/ m+ y6 B; H
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); 8 ]: [) N& w0 T/ z4 F2 G* D
} % q  G2 f$ ^( [
</script> ' }6 J. T8 y+ a: s) |9 r: i
//VBScript * V6 T; R0 d/ M* f( O7 `
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript "> & w9 Y2 D! q& R
function cc() 8 U! z  A3 U# Y' n3 {& L
{
var e = event.srcElement;
var r =e.createTextRange(); ; a: D6 \3 c# r2 f
r.moveStart( "character ",e.value.length); 7 K* N; [- f1 U. O) {* k
r.collapse(true);
r.select(); # L8 D5 z, \, H- ]
}
</script>
<input type=text name=text1 value= "123 "  > 6 A7 ^7 P8 \+ P' @/ P& Q- V3 a1 W# D. b% p
15. 判断上一页的来源
javascript: ! s& F6 O" y" F3 z
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object> 6 x. Q. n1 C6 ]9 O4 n+ Z. N
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ' I) Z( k& X* q! B% c! H
<param name= "Command " value= "Maximize "> </object> / w2 l1 _8 j3 l; h+ s. ^
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> , o( ^! `% a7 |
<input type=button value=最大化 onclick=hh2.Click()> " A% B! I# F, [4 k
<input type=button value=关闭 onclick=hh3.Click()> " W, g" [5 M1 u3 [$ _5 W
本例适用于IE 9 C  @; W( r) R$ K1 U
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey) 2 [7 q$ B& z# m+ v2 l! j
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look; # l- V3 Z2 Z0 D0 p! `
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 6 n# [  G; a: s* |
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 1 W8 `) m- y) Z! @4 @4 C5 G
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> % k) X) \3 I, A" t' C
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> 6 M3 {) i6 w, r
19.怎样让表单没有凹凸感？ ' w5 d0 F  u3 C0 ]& e6 j7 \
<input type=text style= "border:1 solid #000000 "> 4 ]0 `+ v; l; F7 Q4 R- p) @$ r
或 3 |! G; _' N6 Q1 b( C3 p
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea> ! h* `/ a9 X6 v) I
20. <div> <span> & <layer> 的区别？ 9 n, y% S" H8 z
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>   {1 g, ^& B2 W
21.让弹出窗口总是在最上面: $ R( x; E0 P7 K* o9 \6 n! K
<body  >
22.不要滚动条?
让竖条没有: ' L, u2 [1 K) R; q1 H% w1 @: _
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> * W9 w5 @+ }9 Z; N# z7 ^
</body>
两个都去掉？更简单了 & K2 \; Y2 g! n- |; \1 @- d
<body scroll= "no ">
</body> + l7 E9 ~4 H3 v
23.怎样去掉图片链接点击后，图片周围的虚线？ / q" o2 W; q4 w# D+ `  p* v
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> , \. p/ E, S1 `  u/ U- S
24.电子邮件处理提交表单 2 e0 l) F' Y$ N3 I
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 0 i( h* {& y( B2 \
<input type=submit> 1 R* x! x9 Q9 `9 Z0 x1 m
</form> ) y7 M# l- R0 G7 K) w
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() ' n% {4 X8 I  @2 b5 q) t8 M" s, z7 G
26.如何设定打开页面的大小 " _2 f2 j& G; Q# @0 k
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 0 u4 `5 w# a. {3 ?/ B, @  e
<STYLE>
body ! s6 r8 a3 i; w; n
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> # K: t6 o0 y( B, W" f! A5 D
29. 获得一个窗口的大小 * h& P/ }' s& Z  E; ?, \2 n
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); ( p4 A/ ]+ }) ?0 W5 D
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少   b# E6 {+ B  M3 q; Q
<textarea rows=1 name=s1 cols=27  > - L/ f7 D; Q+ K* Q6 H8 n0 K
</textarea>   g! c: V8 c" |2 s
32. 日期减去天数等于第二个日期
<script language=Javascript> 3 P$ Q; A6 E* k; y! U: ~
function cc(dd,dadd) ! Z/ x* G! s9 X1 ]+ i" k# y% W
{ 4 c- x, |3 v/ X3 x
//可以加上错误处理
var a = new Date(dd) 8 j! e- ^3 F+ N- E7 c* ?
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 % q! D) {1 E0 @/ @- k  f6 O+ q( ?
a = new Date(a) 3 }: g. B% g- h; s+ q8 Q) P# {# a
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} & `" a) x+ o. g7 P
cc( "12/23/2002 ",2)   v3 C/ x0 }6 A2 ~+ ]- q
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
function checkme() 9 m$ w& V2 z- t4 n
for each ob in radio1 ; x: I# }2 o7 v/ @
if ob.checked then window.alert ob.value
next $ d1 P* ~, l# `$ t: h$ ~
end function ! ?* M9 g) e  O" q6 r/ h
</script> <BODY> % K, W/ y3 Y" d# k4 V
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode , z; K+ o& f8 f/ K
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错 1 ^& R( U5 ?1 t5 H3 w- [6 I0 F
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: 3 e- Z2 v7 E; e3 E
<script language=Javascript>
tim=1
setInterval( "tim++ ",100) 2 j, F2 j% ^7 ^9 c& P
b=1 & R* G5 ?3 v- O4 }: d: c. Q# ~8 l; K
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " ) ]) Z; o2 C7 Q, c+ I7 P+ r7 ?
autourl[3]= "www.sina.com.cn " % o8 q  [  v8 c6 o2 z
autourl[4]= "www.nuaa.edu.cn " * \3 k6 {; l/ i& I+ G
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") 1 S- g( L/ U3 m) f
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 - r) S' m7 i0 g" E
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ") , d( V2 H1 i4 t0 ?* ?: z
} ( N5 W& K7 ^9 m; T) h  {
butt()
function auto(url) 9 C% O, \$ t+ Z* ^7 C; Q$ z
else
b++ ( W- Q. K3 }) s/ O5 l0 F
} ; |8 H; I2 P9 O) w! q. y- y: ~
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 : B& Q- `6 O& [. Z% }
onerror=auto( "http:// "+autourl+ " ")> ")} 9 H6 V* n; u$ ?! p* v" @! ^4 G. I
run() </script> & ]2 c/ F( g* v  Q  z
37. 各种样式的光标
auto ：标准光标
default ：标准箭头 / y! W: M* |5 U) i& X- w0 y3 h
hand ：手形光标 " w  ^: M/ l5 v1 W- d! v% x) b
wait ：等待光标 6 T7 y" W$ q: V/ C: u, V4 F& U
text ：I形光标
vertical-text ：水平I形光标 + y  ~/ g' \- s. q% B
no-drop ：不可拖动光标
not-allowed ：无效光标 : K, f: V: N4 d) x4 Z- a/ g
help ：?帮助光标 + I* q+ x3 E- h  Y" _  A! ]
all-scroll ：三角方向标
move ：移动标 ; [' Z) A) w- R1 r
crosshair ：十字标 2 q" Y) p! d0 M2 A: g' B
e-resize
n-resize " S0 I+ h& y# y- \$ [/ z$ w" z
nw-resize # Z' g5 N& o5 i- Y9 ]
w-resize $ [) T( f: o8 C; U& H. V# A; J
s-resize
se-resize
sw-resize $ z8 ^+ B! j+ i6 |
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">   u% K3 i/ W. l4 N% g* W
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    4 A+ z8 e3 x- U5 `3 p
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: 7 d2 `8 \. f  h+ Y! g& U! m* J
　　0 矩形缩小 4 k/ `* P  g; [% y6 f% c
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新 ; N+ W$ c3 W( `7 O
　　5 上到下刷新
　　6 左到右刷新 & @4 g4 ?$ Y. d7 z5 G$ i+ {
　　7 右到左刷新
　　8 竖百叶窗 ; v/ w, u, l' M5 K
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散 8 d& z5 j/ ]2 J5 z  `  ~6 [& P
　　13 左右到中间刷新 ; x, E& W2 f7 T1 M0 G
　　14 中间到左右刷新
　　15 中间到上下 4 c4 l' K# t* k; T* h
　　16 上下到中间 * K+ |* _5 T4 @. A- Z
　　17 右下到左上 * S& e3 ?- a& E
　　18 右上到左下
　　19 左上到右下 . a5 [2 ~# _7 z. }, O5 N
　　20 左下到右上 : R; Z! y) h4 R- d, C* x! n
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 3 ~1 @- K6 l/ O  T" \+ }# L: p
40.网页是否被检索 ' D- O* Z- K! P& o
<meta name= "ROBOTS " content= "属性值 "> ' x( N- Q* ]9 }. K8 r
　　其中属性值有以下一些: 7 s  |: y1 F; ~% k
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 4 ^- S9 f+ z- V1 ?7 J8 g  k
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； ' r/ H+ o2 Z2 t6 a8 H& S
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 6 w* I( V4 E; z% _5 L2 N
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ ( G+ o* ^8 d% h9 k- P4 I* x+ ~; e+ ?
<script language= "JavaScript ">
 , G% f$ g" z( _. @( t" k
</script>
1 V  N+ K6 w7 z: s) W- k

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 5 K1 Y4 N. X1 E( |5 k1 a2 F
<table>
<tr> <td> item 1 </td> </tr> + l1 F- g( j2 S* F! H! s7 i7 K
<tr> <td> item 2 </td> </tr> + T' b% ^; J8 I; V
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> 8 @# A/ v; C3 s
</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>
</div>
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select> % \2 A( L4 b8 a. X5 P
</form>
输入框也可以做的很漂亮了 # _3 f  I0 g* x
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> # X$ K) l2 f/ r8 [+ H
                        外向数： <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) "> 9 V' L. l2 c$ u6 r  d( Q7 K
                     　没回答的题数： <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) ">
                     <br/>
                     总得分:
                     <input
         name=score id= "score " 8 S! w6 I- G! n8 s" E9 H$ P
         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) "> : e% A, ~% I/ D0 b; L8 p8 G5 i, a& s
                     　结　　　　论:
                     <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/> 0 k) d' a( {5 z: V% g
                     <br/>
                     % H  h/ x5 }/ j" G8 S" i
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> 4 m; S" l% W% X% _
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 % E& a) \  x% Z2 I' P! w
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> 2 z& q3 B: R/ L  V7 [
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> # p0 Q! l) U8 K$ ~& k4 J- c
                     <param name= "Command " value= "Maximize ">
                  </object>
</body> $ ?+ h5 P+ z. ]* k/ Z# M
页面自动刷新（说明） 0 z/ W1 X, W% ]  [, {; l) P* W( x
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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页面。
页面自动关闭 ; i0 T$ W6 n- ~" _7 M
5000是指时间 <body  > # z5 K. E8 s: M: t' U8 |
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 7 _9 B6 a4 j' ]
head ' ]0 ~" t/ K9 ^1 i% _
<script language= "JavaScript "> ) B3 d' z7 ^6 }

</script>
<body> 注意：这段代码是在新建文件中的 : L' ]8 g- R8 Y$ v1 M
<script language= "JavaScript "> / q2 w' }8 w( @/ `+ Y( o
  function closeit() , E! }4 r0 _( J( T& R
  </script> " w* R( p/ G6 Q: e& J
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数