另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table 2 m* `4 Y  M' E
2. <body  > 取消选取、防止复制 6 A- Q$ i2 ^# V4 C
3.    不准粘贴 5 z% W$ m! x2 M8 k- w) _3 y
4.    防止复制 3 L. v- N5 e' @. V& ~! Y0 y! Z
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 , \! |* b: C0 q5 p, d) d
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 * v% G6 x2 u* j6 `
7. <input style= "ime-mode:disabled "> 关闭输入法 0 f7 J. B. g+ [7 E  _
8. 永远都会带着框架 ' K* G( v5 y2 ^; ?$ @5 t
<script language= "JavaScript ">  </script> 4 u9 w% @! p# a: {' z' t
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 - p2 V* r& A& d1 g
//Javascript 6 j# V/ W& \0 `% }6 \  c2 H) [
<script language= "Javascript ">
function getIE(e){ ! q) F5 ?* f: ]( G, u! s
var t=e.offsetTop;   R9 K( z: S8 r- |
var l=e.offsetLeft; 8 X9 P0 Y% z& Y0 ]/ g' h
while(e=e.offsetParent) 9 ?! M* C" t! v* E. {- ?( p
alert( "top= "+t+ "/nleft= "+l);
}
</script> : w3 l6 Z4 N$ V: G/ C- p  ^1 Q! O
//VBScript " A5 q, l3 t$ t9 D' H, R' Y
<script language= "VBScript ">  </script> 6 Q! C3 J! ?. J( `
14. 光标是停在文本框文字的最后 ' G1 ?+ m( R! L- E# J
<script language= "javascript ">
function cc() - N2 j! U3 b; q0 _/ J
{
var e = event.srcElement; 5 k: l- O3 ~: V8 N% o+ J$ s, P& b
var r =e.createTextRange(); 2 z( @! Z$ t$ y3 r5 ^- w) d
r.moveStart( "character ",e.value.length); - p# L% d, q  L% B4 O
r.collapse(true);
r.select(); & m' n! {. M2 Q' X# f7 @+ g5 J
}
</script>
<input type=text name=text1 value= "123 "  > " v3 k1 a' N' l9 r
15. 判断上一页的来源
javascript: 0 i9 L9 |9 w+ I* d/ K& L2 _7 {
document.referrer   f: H6 o9 K6 T# w" v
16. 最小化、最大化、关闭窗口 ' \- i( N. B) r3 T
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object> & p# t5 Y7 m: B/ u# J. |0 _
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ' O: o" u2 K& V
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> / ~$ i" C( b- k: i- D7 \! x
<input type=button value=最小化 onclick=hh1.Click()> 5 \: S5 e3 q! X: r, y
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()> & ^/ }8 R: J/ n; p" ?% }1 D* {
本例适用于IE   T- H+ \4 K' \9 R! q5 I, ]5 t
17.屏蔽功能键Shift,Alt,Ctrl $ D, t* n* n$ N. v: a3 }1 n8 L
<script>
function look(){ % S, Y1 M0 ?9 p: _3 T  |
if(event.shiftKey) * G5 |4 ]* p& }. b+ U6 t  r
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 6 r' l- _. t. G' i
}
document.onkeydown=look;
</script> 3 i/ i# }0 U# m8 ?3 w# r4 Q3 W# s, J
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">   y. z" I+ S  c. ]! h: V
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ # H" c" J2 l$ G
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea> 3 B6 \2 x. [' y7 X3 X
20. <div> <span> & <layer> 的区别？ ' M8 o/ F3 _- a0 m' \9 H
<div> (division)用来定义大段的页面元素，会产生转行 - ?( Q$ B" D! r* h
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 ' e5 X7 c1 r3 g. \4 G4 _
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: " G6 o3 r! d6 t
<body  > * y* F% v# B7 p/ ^
22.不要滚动条? 2 N4 W' U; }' V3 H$ ]
让竖条没有: 1 u3 t0 I* p% B5 b% I
<body style= "overflow:scroll;overflow-y:hidden ">
</body> ' |! ?3 E  t, q; U0 }& K) E5 Z* c
让横条没有: : a9 R6 q$ [6 C1 B
<body style= "overflow:scroll;overflow-x:hidden "> 3 P7 I2 w( ]& C7 }, Q" S. q3 S
</body>
两个都去掉？更简单了
<body scroll= "no "> " {5 d" p. E. l0 I' }
</body> ( S: y  I3 l6 S8 }' k* W- z3 G
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 ">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小
<body  > % b) B7 l, w5 J
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 ! `4 \8 W' ^: B/ i$ a' j$ R
<STYLE> & L/ e6 ~  N8 p8 D( |; L) @
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE> # M9 e3 {5 p. I
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight 0 @5 m$ N! |0 F, N( \* m  d
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); * P( E9 i( Z/ O) ]( j
else alert( "全是字符 "); ! @$ S7 [0 K. u. G; Y  e4 W/ Z
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 7 N3 z+ E7 x2 [0 ]
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理 " O9 l4 D( y0 @& v( G4 k
var a = new Date(dd) 4 |# P( K& Z7 _1 E2 `6 m0 N: W- x
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 3 v- X' g" I8 N4 t+ y9 e% f+ q
a = new Date(a) % L3 |* l1 v" {
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} , d& `# B+ G1 }& E  E" o+ Z% k
cc( "12/23/2002 ",2) - E& r/ {% R1 g
</script>
33. 选择了哪一个Radio # X) \  c0 }" V. E6 q
<HTML> <script language= "vbscript "> 1 ?* O7 E& ^7 d! N3 m
function checkme()
for each ob in radio1 : _2 P+ O! _* A8 I# j% T$ E
if ob.checked then window.alert ob.value 5 G. s8 o! V' a4 F
next
end function
</script> <BODY> . X! ]! v9 o% v
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style 5 }3 X# c% w& g
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode * B' s$ R7 A/ h1 e6 v, `$ [! Y6 i
<INPUT type= "button " value= "check "  > ; u8 R7 f. @6 P" W; v5 d1 c
</BODY> </HTML> $ T% K' I" s3 |& @7 j
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> 1 K+ k" [2 H. Z( _5 }: Z1 P2 E
 & r* f0 T: j' s5 z% m+ G4 R4 l
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  > # o- }6 |# |) W) C; N- u  W4 W+ e
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: $ J- G( y4 R; V, u) h' T2 m1 V
<script language=Javascript>
tim=1 , \/ Z" p3 N! S5 w
setInterval( "tim++ ",100) 7 Z1 k) ^! x4 b: S; h, W3 s$ D! R
b=1
var autourl=new Array() 6 J* a/ l. v' M" _
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " % A. k( P+ g0 V5 W
autourl[3]= "www.sina.com.cn " 7 z$ J; m6 h4 k0 F7 p. L: m
autourl[4]= "www.nuaa.edu.cn " # q9 t  m, I! L1 t' G
autourl[5]= "www.cctv.com "
function butt(){ - [4 A% H( u8 A0 f3 {
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/> ")   D- s( i$ S  }/ \
document.write( " <input type=submit value=刷新> </form> ") " r6 f/ D; Z. Z6 b1 _* J+ Z
}
butt() ( a0 A$ W2 k  U* m! e$ T
function auto(url) & \; y. C. Z% o7 l# {2 v  l# h
else
b++ + a# g/ b* c% ~3 ~- P% V$ |1 F
} 9 \* S( _) q% ?  U
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 5 R0 v* K& {; C% T
onerror=auto( "http:// "+autourl+ " ")> ")} ' J+ q) k8 A! F) r! ^
run() </script> 4 G$ d% B4 A1 n% a( L# w/ _, s# x
37. 各种样式的光标
auto ：标准光标
default ：标准箭头 ' N4 a6 U! x$ H$ X  h! r: @
hand ：手形光标 " M0 t" l3 @3 k" \& |* s) ~. b3 g
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标 7 u+ p5 D& A& I, k- z1 `# ^2 s
no-drop ：不可拖动光标
not-allowed ：无效光标 5 Z  |8 @5 r" c1 z
help ：?帮助光标 ) P* O; u. G3 F3 z, U
all-scroll ：三角方向标 ) a, p# F7 E5 E
move ：移动标 - l6 A$ n8 t5 _* o  V1 i
crosshair ：十字标
e-resize
n-resize
nw-resize ( f: e$ Z, N: Y
w-resize
s-resize # N* P4 t$ V6 Q1 e2 Z) P
se-resize
sw-resize
38.页面进入和退出的特效 / _9 I$ Q3 V" u" s& m3 x$ g( W" L
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">   T% Q( B5 O/ ]5 b7 J
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    3 O% p3 u% _; }$ h6 H! B! L5 M
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小 9 O9 T0 T8 \0 b' \
　　3 圆形扩大 " j0 L8 |* P" N) G
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新 & E+ y% ^' H3 O7 Q
　　7 右到左刷新 : k0 L  `7 v1 X* O& ?& i
　　8 竖百叶窗 9 M/ c' }( |# B2 \
　　9 横百叶窗 " p1 `* Z( J3 s
　　10 错位横百叶窗 $ j, _; T3 }2 @9 ?2 W# N* u
　　11 错位竖百叶窗
　　12 点扩散 & \6 r" j( B# s4 {- l# `3 @
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下 * C6 s- K. q, N/ D% T- a
　　16 上下到中间 9 B. C. |2 t0 q
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下 ! U. f2 h& ^$ i9 t; m& X$ h- D$ w
　　20 左下到右上
　　21 横条
　　22 竖条 $ V& z4 j. R* _9 m2 t. [
　　23 以上22种随机选择一种
39.在规定时间内跳转 $ {3 P6 C9 A8 Q; ]" v) q! ^
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ) f  E6 [+ z" F9 {% [. h! n2 W
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 8 M( Q) g' z' T% |
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； ; P& R0 ]' Z+ d, D/ f* c8 p& {
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 2 e$ O4 M3 M7 w5 f% ]4 O
最大化窗口？ 3 l. s9 ^& M; i+ X$ A" ~
<script language= "JavaScript "> + c% D4 s3 d9 x6 g; M

</script> & F( n) F* `% Z* i; n, v
8 V7 O3 m# e, l; P4 M+ l% \* ?

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 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> 2 q, Z. T9 E) P7 N
<tr> <td> item 5 </td> </tr> 9 B2 k% v) N. O; V3 M% w3 O
</table> + v% s5 K9 }+ `# T4 ^6 ?+ U
<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> ' R4 S' J  R. ^% o
</div>
<a href= "# "  > menu </a> # A& h  f7 I9 k# g5 o7 q; r
<form> ( ?3 A* n) u! a% s0 d
<select> <option> A form selection list </option> </select> 3 r* q. O( m* I' O2 O
</form> ( k/ l8 e* R1 V; }$ S5 B( Z0 t
输入框也可以做的很漂亮了 : a! n% u% e" |# ?
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <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) "> : G. ^0 P1 |( l- G8 g+ X9 c. S9 H
                     　没回答的题数： <input : _( k9 }  V0 I7 d+ Z$ [$ K, 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/> 5 L$ y; `' h4 ]; W0 i
                     总得分:
                     <input 3 y/ @$ h; V" Q% e0 T, e
         name=score id= "score " 0 u9 B7 R# K/ ~8 N, l$ y5 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) ">
                     　结　　　　论:
                     <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) "> 7 k/ H$ _6 [5 k8 v! }- r5 }
                     <br/> 1 P0 V- _, O+ H% U; @2 X' b
                     <br/> ! i) A2 {6 X  U2 d- d$ g  L2 Z

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 * N- O4 m, N) |6 R3 B3 W% W1 c( H
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 * k: W4 I. s1 ~8 M2 ^5 Q0 h
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> 8 U- `' {4 {4 T) m! C% y
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 8 Y+ P5 {& s5 o* I  v. O$ o8 i
                     <param name= "Command " value= "Maximize ">
                  </object> / A( W9 B! C* t6 b, ?' ]
</body>
页面自动刷新（说明） & L9 w  ^% K4 Z6 X) b) ?0 y* O
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 6 T" z( N! i/ C/ w' j; F- W" [
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页面。 * }1 `- R9 ^' d' r) n% |% U7 \% c1 u
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭 0 G2 m/ A% _( r% B; l1 ?8 A) l
10秒后弹出窗口自动关闭 / C+ D5 Y: Z1 D9 R9 O' ?
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head ; K5 U! ^* K' v
<script language= "JavaScript ">
 ( _' F3 r/ {$ |! k- P/ Y
</script>
<body> 注意：这段代码是在新建文件中的   w2 C( j* @# u  m. x( ]
<script language= "JavaScript ">
  function closeit() & b, \2 V! T, m; Q7 `1 p( {
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 7 A! }5 l8 O( y2 G; Y& c
</object>

1 评分人数