另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 ; Y3 v3 p! F0 t9 [* I
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table . H* C; n1 e9 C2 U/ g2 K3 _% h: i
2. <body  > 取消选取、防止复制
3.    不准粘贴 ( L' j/ [1 a. I9 i
4.    防止复制 4 s2 s" g; A/ [- @+ A1 `. v( h, b
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 / L* d& A0 r. O3 B
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 ) b! E7 D' E* v# B1 E. n, w" N0 S
8. 永远都会带着框架 ; X: T/ G; p2 o
<script language= "JavaScript ">  </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 - s, l6 g8 k# t) j
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 8 T) j5 r* U# h  A- L9 R: Z& ]
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript 0 @4 W" P. ]  ~9 p1 s8 S
<script language= "Javascript "> ! Q2 v7 C# R- @* M9 `' p
function getIE(e){ % R4 a; e( ]) f5 I: E: `$ l  G
var t=e.offsetTop; 1 i; {, o  `6 O3 M" t: e
var l=e.offsetLeft; 3 G3 ]: A6 w9 u$ q1 f
while(e=e.offsetParent) % P7 L% N. E7 y- E( U+ O4 `
alert( "top= "+t+ "/nleft= "+l);
}
</script> , T+ t/ ~% i( N2 h6 u. k8 a/ u
//VBScript , O" v1 d# D8 z9 `% c$ q5 X& [1 k) R
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange(); - n. e+ u8 u; U7 c( M
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select();
} ' I1 N/ P+ W- S0 k8 Y
</script> % O+ S, u$ ?" p; X/ _+ R
<input type=text name=text1 value= "123 "  > 2 l* F: q5 R& M* o" H
15. 判断上一页的来源 - P; |: E' o5 t7 O+ p
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> : X) k( k$ v% G( |9 z) Y
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> . O2 }& d2 a: `! l) E- r5 z
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> # \* w) Y6 o( E6 {, P8 p' S
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 1 {) E4 U2 X, B
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE , _" D, _5 x6 D
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script> ( y- Q7 D# d2 s* y9 L
18. 网页不会被缓存
<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 "> : {: F$ n7 \1 I/ U
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ 0 D, k' o( E8 e. p& x" j) t
<input type=text style= "border:1 solid #000000 "> , _& ]& U; i" O4 l# a' v% a
或 $ `" N( I. W+ b) d6 t2 e
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: + a0 |) V" p7 o" m" S" M  i, T0 K
1 solid #000000 "> </textarea> 6 V" j# u* l2 j9 k
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 2 \1 Y: Q* ^! c$ X) d% \2 X  D
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > 6 Y, ~2 V, _/ m$ T
22.不要滚动条?
让竖条没有: 2 _6 r1 @- P1 @  J& G& h, o. Z
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了 - t3 F6 b; o4 h
<body scroll= "no "> * C. w7 |- N3 L
</body> : S: M) N  f2 F3 Y! Y; F$ d/ T: L' i
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 6 A+ l+ ~" k; f% E. p" Y3 m
24.电子邮件处理提交表单 : J& W1 @: I; ]- ]2 j
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> " [' c" V: v4 _! x4 M- w9 C
</form> $ ]$ N3 e4 W5 Y& {1 z  A
25.在打开的子窗口刷新父窗口的代码里如何写？ + K$ W) [, c3 J1 i! n
window.opener.location.reload() ! I, {1 R& O3 c' U6 V; I  B. ^5 `( S
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 5 r- s$ W5 ^5 q" w# k- K7 c
<STYLE> 3 Z* e' e% |  i  e8 Z5 k
body    L# X: [% \& Q5 w/ }
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} ) v2 _; g9 O2 p; k  \3 R9 Q4 T7 H
</STYLE> - H" R5 f+ ~! b7 s/ E6 b
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 - V$ b+ s2 ]/ l5 d% p3 |" ?6 X* L
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 ( q& @" G1 k( Z3 P# O0 k4 N& z
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 # C$ V. v: S# d/ x9 K) r
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理 $ {6 u8 d" b4 d# f" N% S
var a = new Date(dd) * O! [& r7 O& j: e4 D9 a: J, w
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 ) I$ J* l2 v& R9 }
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} 6 _; ~$ @) v/ r! r) ?
cc( "12/23/2002 ",2) ( ]0 H; }- S( G+ G" S
</script>
33. 选择了哪一个Radio 1 {. _% A! u7 v$ |' d, I2 ?* V% T
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1 * M; ^& f$ s9 M- G' R; @% m$ @8 x
if ob.checked then window.alert ob.value
next 8 J, `+ S0 z+ e- v: n3 X* B2 Z3 _
end function 0 p3 w7 G9 R( q: h  f$ \
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style ; M$ ]% u  P8 g$ \& G
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode . @: k0 p" R& N  r$ ]
<INPUT type= "button " value= "check "  > 7 l% G. L3 A/ i2 ]" ^) B  V! D
</BODY> </HTML>
34.脚本永不出错 6 i& l- y* i8 A& s. O
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> , G* }) y! m1 e' Q3 {% L( [
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： 1 |2 W% ^" I7 A+ O3 ]8 B
把如下代码加入 <body> 区域中: 2 Y+ m+ G2 n9 r, M$ Z. h  c9 o
<script language=Javascript>
tim=1
setInterval( "tim++ ",100) 8 O: A2 Y- y$ U1 A
b=1 4 d% a7 q9 [4 N
var autourl=new Array() 3 A+ l) B  K8 {
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " % m1 a, |9 M7 w3 P) E# g; @
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) 3 K; D6 X- N1 X# `! @6 a( v
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text ' n2 c& z1 N! m" q8 t, \9 `
name=url "+i+ " size=40> =》 <input type=button value=GO 1 o9 }0 K) k* V6 m! N4 o
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ") ) [' T" W8 ^9 u8 F8 O6 s( A2 b
} 2 j$ ^, D4 p( O
butt()
function auto(url) ) \& b/ q# n: n( q8 l! M! G
else 1 D* ~6 h& Z! y9 Y% G
b++
} % {8 H) ^" B" x) H' m* C
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>
37. 各种样式的光标 4 {5 \# Q+ s% Q8 D. S/ M6 S
auto ：标准光标
default ：标准箭头
hand ：手形光标 5 C& g- T" _8 w& |% V, W
wait ：等待光标 8 L, d- {. ?  {6 U- N
text ：I形光标
vertical-text ：水平I形光标 ( @2 f' o  _6 Q0 D$ ^3 Q. q
no-drop ：不可拖动光标 % t! f" }/ j/ z2 t1 G& m' l
not-allowed ：无效光标
help ：?帮助光标 / G3 ^% g- L% G/ @. y3 k& F
all-scroll ：三角方向标 0 l+ p! R# v( F: F
move ：移动标 4 C5 ]: f* I$ j
crosshair ：十字标
e-resize - X; ]' ~" X+ L2 ^
n-resize
nw-resize
w-resize
s-resize : I7 j# K' B9 K, ]  b
se-resize / H/ k2 f0 A# M, V: }
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> , i4 X0 Y+ o" B( u7 i
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: % B+ z" V  Q  ^! O1 t
　　0 矩形缩小
　　1 矩形扩大 9 {; D! s9 x& b7 W% q
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新 + y. k0 E7 E, R/ a
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗 & T5 w0 p6 z/ A. b
　　9 横百叶窗 3 C9 V/ l0 a6 i& y
　　10 错位横百叶窗 , k8 ]5 H- [  w4 b- }& A0 y9 w, z3 U0 a0 S
　　11 错位竖百叶窗
　　12 点扩散 0 Q7 T% y0 ?% _1 \6 Y
　　13 左右到中间刷新 / c9 {. ^- N$ M0 f& [% t) r# U
　　14 中间到左右刷新 4 H" H! D! B8 F9 j: F
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上 % n) N$ _8 C* a! H
　　18 右上到左下 & h. E& H" Q- ]$ h: c- w/ d0 Q) I) {, [
　　19 左上到右下 4 a8 z9 Y; {9 P/ q# g
　　20 左下到右上 . p9 P! D5 m; }: Q
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种 ) L, x7 m7 \0 S3 F
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 5 ~( L5 ^2 @! k$ \+ s1 v2 F5 x0 j* K
40.网页是否被检索 ( h0 \) D& |, Z' Z+ Y
<meta name= "ROBOTS " content= "属性值 "> 2 _: A0 I$ t8 b
　　其中属性值有以下一些: # l! `  P9 t7 T
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 2 x6 W) A8 o" J' r7 v
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； . q0 ]; g1 K5 t( g* Z2 m7 }0 o, q1 v, |
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 0 B% N8 u: H* d: w4 z
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 5 M9 x: @) X* C
最大化窗口？ " E3 O) s2 N& k" @: Q& K
<script language= "JavaScript "> ! C3 L$ b5 U/ {( c9 g, k9 M
 ( {/ D4 d& O& D( i5 L2 P' L
</script> 7 r2 q$ H# ~3 W9 \8 s% y
; u: d0 a3 e9 r" F  @, J
. S! ^8 m$ N0 O8 S. p5 z
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： / `1 c8 w9 d8 J
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> ( T; n. u. L: m0 S& M
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> . Y  a8 M+ y( e) X" W9 ]' E! j
<tr> <td> item 5 </td> </tr> , f, W+ K3 m- z: u) O( l
</table> & C$ S1 `, o1 W
<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> ; p& B0 m1 l. k  z) s9 G; O4 @
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select> 1 w# ?6 k- I3 u' f( P; b
</form> : P- a0 Z- e- W* L- w
输入框也可以做的很漂亮了 3 m: F1 u( N- V4 M2 \& A/ b
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input : R! ]: A% h4 N: y' Z
         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) "> 7 O5 z. o5 q. T
                     　没回答的题数： <input # \- e' K  U3 {& y
         name=unanswer id= "unanswer " 8 C0 K7 q$ ~0 ^. T2 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) "> ! ?  v! `4 X! G! \, x8 w
                     <br/> ( Y+ S. x$ {* e. s9 V  h+ o" h
                     总得分: 2 w' I! y  p& B0 x, p1 R& I( L3 q
                     <input 5 w  _( k- C  G7 ^) B  R; t" R
         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) ">
                     　结　　　　论:
                     <input 5 U3 w$ ]  d' m6 l2 U
         name=xgjg id= "xgjg " " i  U) N+ b5 b; g( h3 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) ">   D0 F& r  N3 ^1 c9 o9 u" S& N
                     <br/>
                     <br/> ' A: e7 r" s! s: m5 w

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> ' @. @* Y+ k0 `) a6 A, e1 x: w
                     </div> 0 }4 h- L5 {3 L; n* A; y
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 3 N8 P0 \/ B8 R4 U
                     <param name= "Command " value= "Minimize "> ! t8 |" r/ C7 l( U# G
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ) X6 ]: `/ }& L; x2 u8 a1 I$ R
                     <param name= "Command " value= "Maximize "> # S! }; j/ ^* `0 c2 V# j9 p
                  </object> 2 z$ y: i6 J+ a! W9 L
</body> 0 f3 C9 c7 p+ H1 j
页面自动刷新（说明） " N8 j) K5 H, h( |9 M
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. ! t' s. s/ s5 R0 `6 X/ f
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 % |2 n- y( G' ^" }
页面自动关闭 ! c5 r8 C* F* q+ x' A2 N, S" G
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭 , k# c% E% e- m* N  \( c
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> : ~" F. ~+ {* l
head " T( o1 ?6 I! m  A) }
<script language= "JavaScript "> ' k, }) g5 O. H7 ]& X5 t0 G% q8 p

</script> 6 Z* h4 b6 [. @6 f. |
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> , _) {4 E  X8 }. u
  function closeit() & {0 V' ?) G# |$ n2 ?! S
  </script> . E  o9 M0 T5 Z1 _, T; y6 d
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> $ m+ N, N# N6 s! p4 {' i- [3 N
</object>

1 评分人数