另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 5 |3 c" r4 D% R
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table " ]# G3 j- m. o- B0 ~# `
2. <body  > 取消选取、防止复制 4 Y. f5 k: V3 W% V" t9 r, }8 W
3.    不准粘贴 ! @- K- X- G5 @* I2 B: T. a
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 ( z5 n! U. R. v* z) ~
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script> & G: V# `+ D8 D) K1 P
9. 防止被人frame : z' j0 Q# V( M+ `* B, }9 S
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 9 }& C2 d, \1 K1 ]
11. <input type=button value=查看网页源代码 2 o$ c% y0 W' ?
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 3 u$ l1 ]$ ]" |9 {' m  K$ |
12.删除时确认 1 T) P# t. a5 j$ j* r# M
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 0 r  z& q, c! B8 z; a! G
13. 取得控件的绝对位置
//Javascript 4 E3 g" E! r% P$ x8 Z4 h
<script language= "Javascript "> 6 u" E4 \" G# _/ Y
function getIE(e){
var t=e.offsetTop; & l, ^4 R! [: v+ F* `
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); 6 a1 b+ ^' ]0 {2 s  D: R+ U% i
} 3 H, H( d; A4 D7 O' P) m* g/ n* _
</script>
//VBScript + ]( [# ~$ d$ X2 @- O% X, [* S4 c9 s6 b
<script language= "VBScript ">  </script> 1 {. V% ~9 `! X! g' U8 l* h! J
14. 光标是停在文本框文字的最后
<script language= "javascript "> " v% P6 e. j, w6 g
function cc()
{ ; o7 h( O' q2 L  [/ v" s9 k1 Q. T) v
var e = event.srcElement;
var r =e.createTextRange(); , {2 C, r1 l9 n- x  h7 U
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select();
} , u1 a0 r; O7 \! C/ K" ~
</script> " u: {/ D* M  @) }
<input type=text name=text1 value= "123 "  >   S6 A; Z8 C# v) H9 _9 W
15. 判断上一页的来源 * p8 Z/ g1 I) O7 ~& O
javascript: 6 J  E. U: N, w0 N
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> # n! A- F& a0 |% S) q9 u( I
<param name= "Command " value= "Minimize "> </object>   V: t! c8 R9 A
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> 7 J+ O4 J1 }$ u1 z
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 3 C: N* Z3 X8 o! W) c
<input type=button value=最小化 onclick=hh1.Click()> 5 u, S; g2 _7 Z% V/ ^0 j: p2 A
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()> " W1 Q) U$ t/ `! h: J; T7 c
本例适用于IE ( S& \9 H1 f: ^1 ]8 }
17.屏蔽功能键Shift,Alt,Ctrl
<script> ! t6 @) t3 O* H% V; ~5 j0 Q+ q
function look(){
if(event.shiftKey) ; c& e! P6 ?. q1 I$ ^
alert( "禁止按Shift键! "); //可以换成ALT　CTRL # W/ p. d9 ]7 j% P8 z1 o2 \3 H
}
document.onkeydown=look; 9 C% }9 k9 q& B, E- G  R  q
</script> # E6 l5 e% j/ h; c3 W: ]
18. 网页不会被缓存 " H0 |/ r2 F+ ~2 k' d( b
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<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 "> 7 B) I5 {, z( M4 f8 ~
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> $ e! q; o) p9 `
或 ! q1 Q0 `: n5 k9 v" m3 r  M* C
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ 1 I. d! ~) b+ V7 I. t3 N6 A: \
<div> (division)用来定义大段的页面元素，会产生转行 % ^; f7 z8 G) Y* `. ^0 X) p
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 3 K3 J( q* E$ s
<layer> 是ns的标记，ie不支持，相当于 <div> - L" Q* |. i4 g$ u% l' K/ A
21.让弹出窗口总是在最上面: / u1 c7 {. o8 u( k
<body  > 3 }/ R' \: L& ^8 ?
22.不要滚动条? . U: p7 O/ M& q
让竖条没有: ; W) |! S% o( P7 {0 L
<body style= "overflow:scroll;overflow-y:hidden "> # {0 c' S1 c; S3 ^) t& z1 ?4 }
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body> 9 ]7 @5 w  c% Z
两个都去掉？更简单了 6 K/ J- c# G9 \( @: _4 r
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 4 x  n( i* [! q+ l6 s6 y  P
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 0 L* _) q5 c% q- P/ W
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ : P( H% h- h7 F/ p. P) Q+ @
window.opener.location.reload()
26.如何设定打开页面的大小
<body  > 5 j: h! O, X. K2 z" h8 S% ]
打开页面的位置 <body  > % L$ d4 d9 k7 V) G' L1 k
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 9 A5 {- {( z, q# p
<STYLE> $ b% i0 [0 g8 N
body ; e; G  S0 R7 I! G1 Z8 j; q
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} $ w% X! T/ \9 \; h' U  k
</STYLE>    P- z. D; }0 T7 E' }- ?2 j2 ?" b
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight 7 k* }" ]1 i2 k9 s6 C
30. 怎么判断是否是字符 0 z! |: e- W) [! e# u
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); $ j. ~, b4 \, p; H) L3 ]& _! p
else alert( "全是字符 "); 3 v; T, w7 I. {9 ?( N* k" J
31.TEXTAREA自适应文字行数的多少 - ]* w9 T! @3 ~
<textarea rows=1 name=s1 cols=27  >
</textarea> + I6 E6 \$ p9 ^: W8 Y. [
32. 日期减去天数等于第二个日期
<script language=Javascript> 7 {' Q! g3 z3 C" X( a% b
function cc(dd,dadd) , F! {/ b  e( S8 S9 X/ {4 p
{
//可以加上错误处理 ) E+ M- |' q% z5 r( U
var a = new Date(dd) . {9 m4 T5 b1 e2 `
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") : [2 k* Z  Y% g
} ) v* @9 @" I* g) m0 E8 X3 B
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
function checkme() 6 Y+ w( j$ a0 w
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style $ Z( l0 F. ]; e) D' {0 F% q
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 2 j! z" k3 X# t: z, h! k8 q
<INPUT type= "button " value= "check "  >
</BODY> </HTML>   e- X- }# r: E2 ^* W
34.脚本永不出错 , I. |% {; v; M( O4 i! d6 I
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  > , j. A) d9 s0 z+ G$ T2 V. _8 y3 Z
36. 检测某个网站的链接速度： 1 m: Y# Z2 h) E: f# D6 }0 _
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1 / O( \( d$ J  f8 q3 T
setInterval( "tim++ ",100) 7 y5 K3 ?4 v5 o. d
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " 0 @% d9 v4 A$ u- B8 e. Z( a
autourl[4]= "www.nuaa.edu.cn " 6 ], d( f6 s; e$ c
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") 7 Y+ ^, n9 B9 O9 A- `4 l% C
for(var i=1;i <autourl.length;i++) . m2 M8 H/ H( K% ^8 k
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text " @$ q, x; S( m$ g% T0 V
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
}
butt() ' `6 T3 y, B5 ^" ^' G% s5 ]
function auto(url) * U9 A' P8 C# n. P5 t, t: a
else + i! Q$ H2 v& c  Z; ^; |
b++ / u8 v2 t7 o+ C# ?4 z3 H2 j8 V
} 2 J0 p' J5 `2 S( q8 B8 u: w
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> , O# B5 \3 O2 z5 b: _2 Z2 a% N# m3 R
37. 各种样式的光标 8 A+ C+ @$ ^6 t* f, Y) o
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标 3 _1 q4 ^- y# l
vertical-text ：水平I形光标 1 h, v4 D% J& I. ^
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标 ' S: B8 E# H0 h6 T
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize , ~' F' @$ ]; B, q. @
n-resize 5 n5 l+ J. H% Y, J
nw-resize , j4 @7 |6 n& R1 ^- G6 `" N. l: g2 [
w-resize
s-resize
se-resize
sw-resize $ m. }! x$ n+ F) b5 Q0 ^/ s( \
38.页面进入和退出的特效 8 H( B8 S# _! q! ~1 ?
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 7 C5 t7 h4 ~$ \/ z; q; q6 \
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    ) `; F' O  X5 j, k& q% O" l
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小 * p! r1 q) K& E; W8 ?" {
　　3 圆形扩大 ) T0 c' j' t& I/ x4 S
　　4 下到上刷新
　　5 上到下刷新 * e2 E, J7 V; l* @7 a
　　6 左到右刷新 , _. ?2 I# u. X, p+ n9 t' V1 u8 @
　　7 右到左刷新
　　8 竖百叶窗 9 U% }) ^* B" ~2 h* v. [: O" B
　　9 横百叶窗
　　10 错位横百叶窗 1 U7 n: _1 ]7 ~7 t
　　11 错位竖百叶窗 ) n9 ^1 Y; W3 Z& b7 ^/ H
　　12 点扩散 3 Z: d% v7 H8 |; R4 b% ~) G. H6 X5 t0 }
　　13 左右到中间刷新    o3 K. d$ @$ y8 d; `/ Z
　　14 中间到左右刷新 % C6 q9 x6 H% C) s0 b8 ?% n5 l  z
　　15 中间到上下
　　16 上下到中间 7 I1 L: N! W" p) I  i7 R% e/ w/ H
　　17 右下到左上 * C  g/ F' e' C3 V& G2 x
　　18 右上到左下 % c: b2 o7 r, c
　　19 左上到右下
　　20 左下到右上
　　21 横条 , }/ i, S: e9 t" Q/ t$ u  e# q
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转 . O" P' `4 d$ f9 l0 |
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> ' D+ m5 l3 ?; T) N1 V) i3 R
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: - _! t) W$ \2 M# H4 z8 m, F
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ! _& p* g+ z; s
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 7 [* B6 K2 o% ~, S% L5 C
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript "> % g5 c8 P9 `/ U; t& N# t/ X5 S

</script> % N6 t. `" t1 v; c8 }( y

/ h: [. ?, W6 l1 W: H0 {$ \
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 2 |0 g% B& a) X' e
<table>
<tr> <td> item 1 </td> </tr> 5 g, X: O& _. W
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> 3 S; Z5 r! S, t
<tr> <td> item 4 </td> </tr> 6 x. n" v: f) z6 ~3 H6 f* V
<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> 9 z* U2 Z' f6 {5 @; j
</div>
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> ; ^6 l; L* \/ `# c8 \
                        外向数： <input 6 Z  D  A2 r  ^& x( w( u" U
         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 ( R% V0 K( x7 Z* X0 V* o
         name=unanswer id= "unanswer " # Y# ?. ^9 X; }/ X6 Y0 X8 h
         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- ]0 |- v: L$ s5 ]
                     <br/> / N. @2 g5 P0 X* D* b3 n# R
                     总得分: : P6 x: B/ y2 _6 ?* ^
                     <input
         name=score id= "score " 3 ?1 |3 k4 ?1 `. J5 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) "> 6 N4 D+ ?# D' J1 _- u* s
                     　结　　　　论: ( G1 V; v. g- |; H+ p2 a5 L1 y4 D
                     <input 2 A! c! Y, Q$ O/ s* Q* [; G
         name=xgjg id= "xgjg " # ?: d2 X/ B, L% t) j
         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) "> 1 d8 _9 j! Y' v5 _- e# Q1 s. _& ?* t
                     <br/> 4 Q; R2 G9 f( `9 I* E1 Y, p  B
                     <br/> ! k; B* [7 B7 @4 p( _* {8 M
                     ; Y; z/ i/ L" o0 ]0 L
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> ) V6 {. M2 @  f
                        <input type= "reset " name= "Submit " value= "重做 "> ; A0 E/ g; g# M1 p
                     </div> ) H# ~2 R- P& ~9 \
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 $ U4 h5 v2 m! y8 r6 J  ^0 q+ ?
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> + w1 L; f) ?; ~' @
                     <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>
</body> - Z1 `# u+ Q- U: F( J8 i
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 , ~7 F7 y  ]- X) D# Z" z  k
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  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 0 a+ @, v! w7 l6 K7 _- W  C
head
<script language= "JavaScript ">

</script> : @3 ^% o, D( r% N) h
<body> 注意：这段代码是在新建文件中的 7 A6 j3 O- J. ~4 b
<script language= "JavaScript ">
  function closeit() 1 g) V  s5 c# H3 Y9 V6 D% S9 O+ @
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 9 _0 G; k; u! e: x1 C
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数