另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 % `) |* E8 S5 ~
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table # W7 S  q; g2 k
2. <body  > 取消选取、防止复制 & _! S  R$ W0 R  m! Z
3.    不准粘贴 5 s+ a+ H" L9 t1 ]; E2 w5 ~4 F
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 4 u6 }; {& p: _- ]2 U, a
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 $ c0 e4 @9 m. O0 ?: Y. {, \1 b
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script> - Q( b7 K6 X4 Q8 n
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 1 f- h* Q0 j  j" X( E7 n& W
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 5 ^( @. B% n9 _$ M( g2 X5 N- a
13. 取得控件的绝对位置 5 ]; a! w, I5 |6 E" d9 q7 O
//Javascript ) u" Z$ u  {/ d  m/ E8 M7 k  m
<script language= "Javascript ">
function getIE(e){ 3 W) ]( \. k% l/ _) u) C2 s1 O3 `
var t=e.offsetTop;
var l=e.offsetLeft; - R9 ~  [! Z& A1 V$ x' F
while(e=e.offsetParent) ; \2 E3 s$ l5 C9 F6 _
alert( "top= "+t+ "/nleft= "+l);
}
</script>
//VBScript 1 `% n" d' `7 d) N% B+ Y
<script language= "VBScript ">  </script> 1 z( \/ B; v' w8 Z6 S  k8 x
14. 光标是停在文本框文字的最后 + b9 y7 j( k" j. {
<script language= "javascript ">
function cc()
{
var e = event.srcElement; 0 m0 C6 O4 N8 _2 E9 ]  n
var r =e.createTextRange(); 7 _9 |3 F: R* \
r.moveStart( "character ",e.value.length); 3 Q! o4 Z- |3 G+ |+ z- Q8 g! E
r.collapse(true); " |+ I, @9 r# Z& ]2 q( }
r.select();
} ) {: i+ d/ F% D) n
</script>
<input type=text name=text1 value= "123 "  > 4 P9 Y' w8 ^) Y) T4 F) l; ~
15. 判断上一页的来源 6 `7 }/ A4 X. f7 X! k2 Q
javascript: + n5 H0 Z! G4 A# ^2 B1 t/ Y( j
document.referrer   q0 l6 ], L0 j' n8 x4 L& n9 ~
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> - J$ i- m  r3 O; F3 \: F0 |
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object>
<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()> 0 z% |/ g$ M9 a( P5 J. J
本例适用于IE 2 |$ q$ |* N7 V) t- Y; P
17.屏蔽功能键Shift,Alt,Ctrl 6 n8 x1 o6 w4 g" V
<script> % f1 n: C2 K% h9 y9 o- E# B! `
function look(){ ! r/ I# h1 E, q9 m( S
if(event.shiftKey) ! I. l7 G, S7 h, W/ ~
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 5 Z; g4 b/ T% m  l1 C
}
document.onkeydown=look;
</script>
18. 网页不会被缓存 ! K) S: n) ~4 Y0 z5 |
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 7 c5 c* U  z  _* I1 M7 I+ {: ?/ t
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> , {0 @) z: c9 O$ i
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> ' H3 @( h5 }. B% @
19.怎样让表单没有凹凸感？ 4 _1 n$ G0 R8 h4 s3 y. @& @
<input type=text style= "border:1 solid #000000 "> " C8 F. |1 Z. v% Y( B/ a  |2 n
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: + c* g, M5 w1 v- q7 x6 v" W0 d4 T
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 ! d6 G5 S3 Q, K' ]
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: 0 E, y" i2 p7 {8 {3 \( v
<body  >
22.不要滚动条?
让竖条没有:    V5 k4 C! f1 N8 [1 T+ {3 M3 S, G% y: t
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> 7 R" E: t/ A' Z5 c( m+ z
</body> ( z! U& ^4 O9 R0 }8 n$ O7 m
两个都去掉？更简单了
<body scroll= "no "> 4 z7 s7 k! B9 R! R) N
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> - ?9 C2 S/ G! _( Y
24.电子邮件处理提交表单 , K' r) o. z* s/ M( m; {0 C  E
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> * q0 W' d6 `4 W4 C
<input type=submit> 3 b+ {" \' j4 V% O
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ 1 }0 _! S& _! i  n1 t) l' u! D4 `
window.opener.location.reload()
26.如何设定打开页面的大小 ) d4 }% j7 o- V1 g
<body  > * m5 a3 r3 i& V% Z
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body 1 y& V3 p& k0 u' [
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> ; d7 s5 D  x% i' n' h4 m6 q/ T
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); , Z; d0 ?& d: j
else alert( "全是字符 "); 6 q  D. F9 q) p5 L. F
31.TEXTAREA自适应文字行数的多少 4 m) `7 y. \& u$ @2 y
<textarea rows=1 name=s1 cols=27  >
</textarea> ' {2 H! S6 ]  V" c
32. 日期减去天数等于第二个日期 ( [4 u8 q# h) X4 \5 ^0 k. I, B
<script language=Javascript> 9 r* p& o. j( }& [/ G4 s
function cc(dd,dadd) * ?2 Z, F, Y- d( R9 R- X
{ * c) n0 u+ ?9 o. \2 U$ Z- x
//可以加上错误处理 , t) @& W4 l9 q4 c) M3 b
var a = new Date(dd) ! E7 b! y6 U8 ?( p# O8 @* \* u" g
a = a.valueOf() 3 n) }6 r" \" @7 C9 V8 V5 W) R
a = a - dadd * 24 * 60 * 60 * 1000 - D6 A$ k+ k4 J2 x; f5 f
a = new Date(a) $ S& h" y$ F! x; Q6 e
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") ' p1 t: {+ G- W* G
} 1 S; F0 J- y, b: O4 N
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio : t0 h& k3 N6 |! j
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1 , w0 R7 f, b  k1 B/ H
if ob.checked then window.alert ob.value
next
end function # c  w1 {9 [( J- G
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> 5 F7 _: T9 ~, d; n+ [
35.ENTER键可以让光标移到下一个输入框 7 H- N$ S# v# ~" f
<input  >
36. 检测某个网站的链接速度：   W1 b) M7 G: d. c4 \, I
把如下代码加入 <body> 区域中:
<script language=Javascript> % Y# b- {) j  H! f
tim=1
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn " . P; O/ U5 i! s: ?% W
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") ; f* `9 T+ s2 M* l% }* d
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text ! b, M  i/ u- O9 x
name=url "+i+ " size=40> =》 <input type=button value=GO 2 r: B' t) k. N( G6 p7 H
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ") & P& E6 v8 k  L  P! |5 [
} $ R9 {0 o% U0 _
butt() 2 w: U1 Q6 `$ S! Y* B6 X
function auto(url)
else
b++ 8 J1 ]) e8 n" r0 g& e
} , C, @) U( H5 B0 O9 H% V
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 " x8 {! Y! j! v4 |8 o
onerror=auto( "http:// "+autourl+ " ")> ")}   S6 a# C* J. b. C- \7 C' x
run() </script>
37. 各种样式的光标
auto ：标准光标 ; q! c7 E: [" a! `( [  |
default ：标准箭头 8 k. x" w: E9 U' t
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标 . r0 f" A3 h7 O. I! m3 E7 ?6 b
no-drop ：不可拖动光标 & j7 F5 i% F0 E; Q2 V$ c# b! q% L
not-allowed ：无效光标   t- `( o2 w4 O7 [+ ~* Y) V  f  ~
help ：?帮助光标 2 x4 ~' K" h4 U: T) R# {
all-scroll ：三角方向标 1 }+ m; [2 _& w9 }2 {8 V4 A
move ：移动标
crosshair ：十字标   z: }" E6 D- ~
e-resize ' |! ^' d" j4 o, m% H3 C- s
n-resize ( g7 K2 F, {5 O0 n
nw-resize ! G* F- R$ g4 E/ @8 Q6 l* s
w-resize
s-resize ! u/ |+ r2 I8 E5 H% G6 ^' Z  U* v
se-resize
sw-resize
38.页面进入和退出的特效 " F* Q& h1 B% @# R. b2 k
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: - w" f% f# R7 I& n" U! |: I, ~
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新 : u( @5 v; |$ c( E! }: n
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗 3 d* K6 H& ?- q6 \: K0 p9 @8 i
　　12 点扩散 9 [# J: M; q, n. F1 H: k+ Z
　　13 左右到中间刷新
　　14 中间到左右刷新 2 i- S/ ?4 L; N/ K
　　15 中间到上下
　　16 上下到中间 3 _1 `0 r9 P8 K8 O! x. f
　　17 右下到左上
　　18 右上到左下 1 ~* {1 x  d; a/ u  {- f  U
　　19 左上到右下
　　20 左下到右上 6 \0 D  B) x4 L3 x' R$ W' t1 j% ^
　　21 横条
　　22 竖条 ' L( E% B/ W: g% k, Q7 m9 f' [
　　23 以上22种随机选择一种 9 t+ A; K1 s% {5 T
39.在规定时间内跳转 - W( |1 M, b( y& h
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> # S  W( L: Q  j. q& r: x* U9 |
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； - M% @+ G  C& o! V! I
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； 4 W: Q' j- y- E9 K
　　属性值为 "noindex ": 文件不检索，但可被查询链接； ( ?% n' t( L8 Y6 }8 z! e
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 5 S5 ^* ?* d. r+ h; t& D* L  Z
最大化窗口？
<script language= "JavaScript ">
 - \8 [' {3 V8 Q7 r# W% d4 I
</script> # N/ l- i# |  E  ^. U0 l
7 A; r' ]4 B% F- u$ @+ a0 R! B
( n0 q4 G$ |' a6 R3 M: H2 l
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> 7 K! Q2 D% e/ i3 i
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> $ n& }  E9 b0 x4 z% q' T
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr>
</table> & J6 C- i9 a3 P, c2 A: P
<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> % B  P4 O& C# z& M; g" Z! d  b, r
</div>
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select> 7 I8 K( ?, {% A5 y0 }  @
</form>
输入框也可以做的很漂亮了 1 k" g0 A* S, i9 ^3 S3 u
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input 7 G, {& r# |3 u, D% k$ d" g
         name=answer + W$ }" @' Z% O, \2 T1 ?
         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 Z7 P6 O$ z) K1 x
                     　没回答的题数： <input ( S1 z5 M/ G; B- J/ e) C( R4 ?
         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/>
                     总得分: 1 ?! A# r: F5 b5 H8 k4 P6 z; l6 l" {
                     <input
         name=score id= "score " / T$ m8 v  @; b; d0 c% a
         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) "> ( m5 v* S# \6 [9 t
                     　结　　　　论:
                     <input
         name=xgjg id= "xgjg " , }% R" c4 R& 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) "> 9 G6 O, h# R( H& W# C* O4 j
                     <br/>
                     <br/>
                        W" [) t7 g+ |$ J9 D
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> 8 E" ~, a4 ~8 x( |( Z- S7 M
                     </div> ) x9 K7 o- s, J& d. h
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 : x! o' M+ n; a& l# r
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 3 p1 Z' i: j# L# L% ^& k1 m0 M( r7 p
                     <param name= "Command " value= "Minimize "> 4 W4 A3 {9 ]1 a! ?- r
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object>
</body> ! M' V" a+ O$ S
页面自动刷新（说明） * |/ k$ J, f7 A) K% f# w9 O0 F9 S
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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页面。 ' B& _: U- g4 b, R
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭   A, f1 [* A9 r+ D
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript ">

</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit() & l3 u3 L( [1 u. m+ O! C0 _5 C
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 8 ~, o- ~/ b% l, W4 B% a7 F' q- Q
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数