另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 ; k5 }4 C( A, f9 O
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 9 O8 u9 C9 S% s, [
3.    不准粘贴 . e0 |* V2 \7 C9 o
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 4 s7 {0 K7 O, {1 Z: `- y- A
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 , h# K9 @, G( j- R0 S; s
8. 永远都会带着框架
<script language= "JavaScript ">  </script> ! G0 g- V) o7 A3 z, d8 V, S
9. 防止被人frame 9 k! o. K! l7 o
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 3 l. ]' p) M- k6 _% S/ H
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 9 _6 \4 D9 U% p: i
11. <input type=button value=查看网页源代码 : J) R( E6 L. d9 U4 L5 r1 ?" `& @
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 8 `  }( _6 T" b9 b+ O$ w
//Javascript
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft; 0 k/ e3 l5 k4 J
while(e=e.offsetParent) : n3 h; i6 V; f" }/ i5 r4 b
alert( "top= "+t+ "/nleft= "+l);
}
</script>
//VBScript " Q, \- \- V1 @  o* u! g: L) C
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript "> & l) T, M4 ^$ C9 q2 n
function cc() 7 Y) o: h; J% Y. L' r
{ * @8 ]: C8 V9 D- Y4 J
var e = event.srcElement;
var r =e.createTextRange(); - M. m5 _6 L3 Q* p9 A! G0 S% V7 Y) K
r.moveStart( "character ",e.value.length); " G1 O* A6 l1 [" B; n
r.collapse(true); # P; y; M" N1 y3 A
r.select();
}
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 * t% m8 Z8 S, G
javascript:
document.referrer 0 ~; u# F, e' Q( _6 m
16. 最小化、最大化、关闭窗口 ! n4 U6 m) B4 h1 q2 u6 U) l" c
<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 "> ' t' p9 o( w+ [: E1 U
<param name= "Command " value= "Maximize "> </object> ! E4 ~" j$ Y9 `6 v
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl ! T' j* r6 `. f3 Y8 V( K
<script>
function look(){
if(event.shiftKey) 4 X" }& X5 h9 v2 q2 }7 G8 `2 x
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} . A5 i0 R  U% p, Q. ^! Z
document.onkeydown=look; ) Q! z  L9 }1 G7 `. n6 C
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 1 d; D3 O; n3 O$ C8 u( M
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> 4 V: V' B$ A4 F& j( t0 P: z: r
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: ( t6 H) }7 X) F
1 solid #000000 "> </textarea> ) l) E* f% Z# q( b; R
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行 / h9 U8 V& [  v: b& S$ T" @
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 6 `: h$ J( [2 \1 j9 w" {0 F
<layer> 是ns的标记，ie不支持，相当于 <div> & Z5 N' {# _, L) E
21.让弹出窗口总是在最上面: $ Z0 o% F4 a6 m" K# L2 @
<body  > / l' a* D8 t3 A! x2 c$ I
22.不要滚动条? ; e0 m8 c+ ^- L: ^; _$ X% P  R
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> 2 _+ p5 ~0 r- Y* \
</body> 6 \0 F" X% D; |/ |9 g6 }
让横条没有: - `$ l, e; F' o* L+ P% Z# p
<body style= "overflow:scroll;overflow-x:hidden ">
</body> 6 V7 j0 ^* {3 y8 j0 \
两个都去掉？更简单了
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ 2 D% }9 g0 ?( U+ ]; ^1 v, b
<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 "> 5 @+ D" @! Y. _7 a9 p) c
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ 0 G- L! [1 [' h
window.opener.location.reload()
26.如何设定打开页面的大小 ! a5 l' c( q' ~& N2 V: D
<body  > ! U# U; y: P) [1 R! l
打开页面的位置 <body  > / U9 |" D; t. u6 r5 Z) \
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 ! P$ F# W9 |) l# C9 a$ `
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} " s. q+ F8 B2 L: Q7 B1 ]6 @
</STYLE> ; t" `- |1 A  E# l9 w3 F2 N9 J$ d
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> 7 i& Y, O, x8 y- \
29. 获得一个窗口的大小 0 e( g8 [/ ^( s
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 " {7 |% O( j' p; D% N
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); % ^8 U% u& M) L# B4 P1 {
else alert( "全是字符 "); 5 ~' G! Y+ F# _4 J- `
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  >
</textarea> 9 |5 f/ q8 N# a3 L9 T
32. 日期减去天数等于第二个日期 * _! G2 ~8 f; c# U& g1 t& ^
<script language=Javascript> 2 c0 Y! v% L8 O; j7 Q' i$ E7 w) ?
function cc(dd,dadd) . m( S- t6 k  e1 ?( I
{
//可以加上错误处理 0 Z3 z1 p7 v9 y5 P2 j# d. \/ y
var a = new Date(dd) / ~! a- P  ^+ x4 e1 [) H& I
a = a.valueOf() 2 C' m/ \( E/ H. n6 C, C
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") ' F( p) K9 J3 b0 W' Y2 _
} 6 J9 U0 U% W9 ?
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio # p! g# a  X. H- R% q  }8 x9 L0 F
<HTML> <script language= "vbscript "> ! c4 w  c- ^6 J( O! q5 C5 x# D0 D
function checkme() ; L3 b4 J4 o' J8 S* a8 g+ S
for each ob in radio1
if ob.checked then window.alert ob.value " E0 }& M: q4 t8 x8 T/ W( C1 s
next
end function " S9 I5 q9 V" O6 v' w4 {* }
</script> <BODY> + G5 Y# T  n. I1 }/ U
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode ' F; S5 x6 ~1 I. H7 _. w" |6 ~
<INPUT type= "button " value= "check "  > 0 D2 q$ d2 y, r& T
</BODY> </HTML> " i7 V0 m' P/ K8 |+ Z* L& a
34.脚本永不出错 % z( y( k% Y& J6 k
<SCRIPT LANGUAGE= "JavaScript ">
 " k, L6 R3 U% V% e1 o, s/ i) q
</SCRIPT> / ^& C+ S# R0 ^7 P; Y
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： 6 ~4 b1 _* x3 E. L5 q
把如下代码加入 <body> 区域中:
<script language=Javascript> ! Q3 ?- J3 S& f0 _- ?
tim=1 5 @5 `9 L) O, J0 _# d0 V. P
setInterval( "tim++ ",100) ; ~1 g+ K- U% ~$ i
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " , R; M! C3 S2 v+ g; V
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn " # ~0 |2 K7 h& {6 a7 S& S
autourl[5]= "www.cctv.com "
function butt(){ + i7 k+ K, y7 F
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 4 O: t+ ?) P7 A# j
name=url "+i+ " size=40> =》 <input type=button value=GO ) Z/ W. V# j( Q: [/ ?/ s6 r1 V
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
} 8 `& ?6 K, T* U; D' |2 V& K
butt() * Z3 T# A; P5 V; e/ [
function auto(url) : z% T7 q4 z3 `
else 6 J  E+ W: q. b( Z- u! {" l
b++
}
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+ " ")> ")} " Y. }" o( u! p' f, n* m
run() </script>
37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标 0 T$ `6 G7 p+ f& A+ I1 l/ Y0 J
wait ：等待光标
text ：I形光标 ; @5 v/ f2 b# _* _
vertical-text ：水平I形光标 1 S6 T5 Z, S) P  v* C
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标 ' w& N8 ^/ y& c( W
all-scroll ：三角方向标
move ：移动标 ! q' y9 @) W: s9 I
crosshair ：十字标 % x4 p7 z+ K; X5 _5 v
e-resize
n-resize 7 M+ R% h+ c4 \. a( J( n1 ?# }
nw-resize
w-resize
s-resize ' @$ K7 ?5 w+ H! `; a6 O# ^/ a" }% ]% k7 t
se-resize
sw-resize / x/ K1 v0 w8 S8 C
38.页面进入和退出的特效 ( D* ]3 r4 f- ]9 t1 g
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> + S7 J: r( |# z. s8 L6 w  A
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    # u, D7 H" H1 {5 Q5 h7 s
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 + k) D! T, M" E5 j* K8 G
　　1 矩形扩大 ' O# g5 G/ T. x4 H0 q4 m  o; o  H
　　2 圆形缩小
　　3 圆形扩大 4 q1 [5 M# f* {. D- E* B
　　4 下到上刷新 $ n& ]( v$ @3 I* A8 L5 ?
　　5 上到下刷新 4 z- j9 {# d2 r+ v7 a8 A9 ^8 c
　　6 左到右刷新
　　7 右到左刷新 8 t5 A3 m) }9 x* \2 n, h8 {- W
　　8 竖百叶窗 . n' C' q$ O0 k
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗 $ B2 Z: p, I" U+ \# y
　　12 点扩散 # W0 `, a& }$ c$ U7 F
　　13 左右到中间刷新 : [7 s6 G7 e  w! V5 h. `
　　14 中间到左右刷新 ( F1 `1 x0 \8 N9 r( s" k4 H
　　15 中间到上下 1 I9 x0 n4 S& y3 B% a
　　16 上下到中间 # n0 {! e3 K3 l, c2 P9 K
　　17 右下到左上 4 G  Y! L0 _" Z$ n9 d2 J
　　18 右上到左下 ) s7 K( g" d0 a
　　19 左上到右下
　　20 左下到右上 + J# m$ F9 {6 E
　　21 横条 ) x3 t, }" @% f5 b7 s4 k4 D
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 - V6 L2 U: k1 Y2 {
<meta name= "ROBOTS " content= "属性值 "> $ n" E* j8 i' y5 V; i* N* H
　　其中属性值有以下一些: 7 n$ M0 |- |" }+ R$ u" u% ?: x
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； + K9 d! Z; h" X( h7 q" p
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； , y" I# B# J* F- `8 L
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 + b5 Z9 f5 K6 H  v7 E! y
最大化窗口？
<script language= "JavaScript "> 9 ^  r# M( i# J& }" a
 . X2 G& v9 a8 G, t% R
</script> ! X$ D! {, z& Y

9 \7 T, g4 m+ G- @: J. U5 ?
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 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> % c% |7 R) R/ f3 z; C( q7 A- M
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> 4 N. |2 m, N' D4 @( m
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr>
</table> * ~3 J. x# H8 {0 M$ 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> * |9 X& ?! H. f
</div> $ [6 W% L. ]4 o5 X
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select> . _; g7 [6 ]) s
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> ' y: D& o3 G7 v! C7 l+ T. z$ B* d
                        外向数： <input
         name=answer ' d% Z! b, C. B' o
         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) "> * {5 m) p; c) X0 Q, B
                     　没回答的题数： <input
         name=unanswer id= "unanswer " & ~& `: r, i5 {+ 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) ">
                     <br/>
                     总得分:
                     <input , L# c0 W) \+ A  ^, K
         name=score id= "score "
         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) "> + n8 Q# k) I2 Z9 z+ H0 d
                     　结　　　　论: 3 i) D5 e! Z8 J' n* l
                     <input
         name=xgjg id= "xgjg " % u7 K+ I2 d  a8 ~' B
         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) "> " m6 k8 M, [! c3 U0 D; R
                     <br/> 2 {% p  b3 i* ^
                     <br/> , ]  A/ @1 {3 {. C: S' y

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> ; l! F" m9 A. n+ a
                        <input type= "reset " name= "Submit " value= "重做 "> % o- H+ U$ L7 Q! D3 s+ m. t+ U" p
                     </div> + y1 u& i) J- [7 I0 Q8 B2 f
注意：修改 <body> 为 <body  > 即为打开最大 - L- [0 Z  |" ?5 [
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化   o1 ]! O4 O2 X% M1 y0 Z( B: |
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> ' m+ l, g7 j9 z6 i; a' k
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> % M& ?$ a9 _. [1 W2 N: x
                     <param name= "Command " value= "Maximize ">
                  </object>
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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  > 2 }* ~) P) ~" Q  a+ Y5 |
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head 8 f% G! N! B: D  C
<script language= "JavaScript ">

</script> . b( {1 M5 _$ J! m% F  p( e% Z* k2 d
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit()
  </script> ! y$ r% Y: J3 z6 Z! a& o
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 8 o% A4 W( s# Z, L- D% A# V8 k
</object>

1 评分人数