另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 1 k; ]  p+ B  ~' T
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table + U# D- i; c& @( e1 \! k" \' [4 k8 r
2. <body  > 取消选取、防止复制 ) p; g3 n# ]9 U6 o
3.    不准粘贴 - U7 Z  G3 {; _
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 % P9 D7 O, q- k3 `( J# u
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 , B/ r2 @% Q" q! C) a9 Q
<script language= "JavaScript ">  </script> # g+ L! b& r' A
9. 防止被人frame % U- i* d6 O7 D* C0 m* P
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> ! o0 K3 T; m8 z# q; h. A3 k
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 2 f- g, O# b3 Y; g4 p
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript 7 E# U( j7 c0 [/ h
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft; : T; O9 n* Y. T3 q0 g/ u" K) M
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
} 1 u' j) _! g) e. g% h+ E* T% O
</script> " w$ [, R$ y& ~7 z- t
//VBScript
<script language= "VBScript ">  </script> + A* j+ L* i. V, m$ Q+ M1 c9 V( O
14. 光标是停在文本框文字的最后
<script language= "javascript "> # h$ m; H& Y+ ^1 Y' @6 D8 \4 o
function cc() $ s4 ^. @5 q  Y) Z, O$ m8 T
{
var e = event.srcElement;
var r =e.createTextRange(); - I" ^  f: W, s- n3 \
r.moveStart( "character ",e.value.length);
r.collapse(true); ( `& h! a+ ]0 {0 \" G2 f' H1 w
r.select();
} 6 x' r( e7 z6 x0 s! Q' {8 S
</script>
<input type=text name=text1 value= "123 "  > ) J% n3 L& p( U, J+ @4 ^
15. 判断上一页的来源 7 _2 c& u6 ^- [- M" x
javascript: ' W% g% W+ ^0 D
document.referrer 5 g  _, l' q8 q
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 3 L( ^( g6 I: d" [! f, x8 r2 j
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 3 d: Y1 U$ v0 P' g2 l4 P/ ?) ~
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> & a6 y" p" C  i# F3 d$ n# `  c
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 6 ]/ e- Y! p5 D: }- K
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> - C7 y/ Q* J& A/ `
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl - }5 i/ l8 @: t6 q7 b$ }. A: E: {
<script>
function look(){ 9 w1 E1 |+ G% D3 z& m5 K7 N1 r/ r* ?
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} $ `* \2 ^3 c- ^, Q& ~
document.onkeydown=look;
</script> $ I7 |4 y6 d$ j7 `
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> ) J: ^  N$ N, s8 j3 R' ?) ?
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> + d# m/ i" e- C2 h0 h
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> ) s/ ?) S* ]9 [$ N
19.怎样让表单没有凹凸感？ ! G* g, H! K0 P- ~: L) V, S7 K
<input type=text style= "border:1 solid #000000 ">
或 ) A: v( r3 i/ k; h
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea> , X8 Z" f/ w* d# l
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行 7 O. s6 C6 F8 y9 N3 {
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 # K4 A  `4 R1 W+ w3 K/ C
<layer> 是ns的标记，ie不支持，相当于 <div> " V. \/ b0 }$ ~3 \& D
21.让弹出窗口总是在最上面:
<body  > . V9 P, _. Q+ W1 l8 D
22.不要滚动条? ( E  x! {: ^+ l& |
让竖条没有: 3 k5 e6 H, }+ t+ Z1 B" ~; g" v8 W
<body style= "overflow:scroll;overflow-y:hidden ">
</body> % q2 Q' ~7 i5 A$ U
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了 # V" H9 V( `- I) ]6 j
<body scroll= "no "> 6 @" V) ~: K" @3 w6 P7 v! J
</body> 8 N, D: ^0 v/ G0 q/ G( P
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> - Y- u( H, `% j" o6 E6 u
24.电子邮件处理提交表单 2 N/ J; o* x7 e& D0 n! _! }
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ % ~, m1 i5 v/ f' y; D( {
window.opener.location.reload()
26.如何设定打开页面的大小
<body  > 9 `$ J# f" ]  @) q2 ]- n: L
打开页面的位置 <body  > 4 B5 W% h' D7 z5 Q
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> 7 }0 v* J0 Q5 T* O8 ^) F  {
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 6 n% q. p+ {1 j) B6 \* Z) E& k- A
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> # x# L6 i) g  q: I9 f
29. 获得一个窗口的大小 6 K9 J2 U) y6 W4 Y, o+ k6 X
document.body.clientWidth; document.body.clientHeight / a$ T/ j; C, R' K# E
30. 怎么判断是否是字符 3 H5 B/ a$ r1 D3 ?# @; s
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); 1 I* v! O: T1 B; K
31.TEXTAREA自适应文字行数的多少 1 i# Y' Y- F, p  n' R
<textarea rows=1 name=s1 cols=27  > / ^8 G6 X& e8 ~5 L3 h
</textarea> , V2 i. ^% F- i2 O* |
32. 日期减去天数等于第二个日期
<script language=Javascript> 7 O/ b" A* c1 e& @. k- I
function cc(dd,dadd)
{
//可以加上错误处理 ( V6 v% C6 o; X( H+ a7 D" i0 n+ k
var a = new Date(dd) ) n+ z  j; F. `$ o6 t5 T
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 # K" f* i& U3 h3 Y
a = new Date(a) ) |" h( A* S% I  ~* N& V) t
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) 6 S% x5 c) m4 J8 b, R  ^- C  Z
</script> 0 n: E! m( _1 |3 h7 P& u
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> $ e6 k9 r& \  Z5 Z1 a
function checkme() " B; G* D5 j+ q7 {; m! _$ |
for each ob in radio1 / Q" |2 d8 S( M  [& X
if ob.checked then window.alert ob.value . X, a& R$ I& n! C9 G* M
next
end function * D" ^  U- ]/ W1 F8 ]
</script> <BODY> ; y3 D. _1 z% ]% m
<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.脚本永不出错 7 `3 R% g2 Z' p' T
<SCRIPT LANGUAGE= "JavaScript "> # f" o8 _7 V" e6 E* r9 v7 O* L

</SCRIPT> 8 ^, m: d* y6 m
35.ENTER键可以让光标移到下一个输入框 : X6 k5 Z& j. S
<input  > : c1 O( l6 `7 K" d4 K' d2 B
36. 检测某个网站的链接速度： ! P1 r# r/ ^8 }  S
把如下代码加入 <body> 区域中: ) F, v! |& E" D% k& y. j3 [
<script language=Javascript>
tim=1
setInterval( "tim++ ",100) - ~" `8 |* b' B: Q! ?& x3 }  r6 J
b=1 , k0 T* P8 Z  G. h4 Y
var autourl=new Array()
autourl[1]= "www.njcatv.net " & _6 @& t6 x5 m6 o
autourl[2]= "javacool.3322.net " / c, H) u, g% G6 I
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") 2 d2 l" Y: z; j9 D! M" G: T
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 # O2 K( {% M8 u2 a, v3 c
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ") 7 O& ]1 L# m# g% R- @( D# e
} 5 f& u& h, R  m) x- v
butt() 2 U" a) {0 e& n% F6 y1 D" h
function auto(url)
else 9 T$ L+ F" G. l3 c  _3 l
b++
}   T' H1 @  {1 S- C7 x
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+ " ")> ")} 3 X  S) n% A/ @7 z% Z$ o9 Y$ e
run() </script> - T1 A4 _5 z4 s: I  D6 U8 m0 u
37. 各种样式的光标
auto ：标准光标   o- p3 M) n9 [, B4 F3 e
default ：标准箭头
hand ：手形光标
wait ：等待光标 + R' U* W7 u- s9 O7 n1 P5 u9 z- ^
text ：I形光标
vertical-text ：水平I形光标 7 y  X- [- `( N
no-drop ：不可拖动光标
not-allowed ：无效光标 6 q8 S8 V. [% m. s, j
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标   u% h3 |, [" z; g+ i9 W' c  V; i
e-resize
n-resize
nw-resize
w-resize & L( J6 v. Q! }5 z3 [
s-resize 7 s0 Z, _5 o' g+ L5 R
se-resize
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    / O. g2 x2 c5 ?6 A9 a1 Q
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: 6 N8 Z4 P( j0 t/ g( l
　　0 矩形缩小 - A% I% C6 @* f# C1 T2 [
　　1 矩形扩大 ( W: }; M5 _2 q& R+ L! @: L
　　2 圆形缩小
　　3 圆形扩大 / i* m7 I- Q7 q7 A& [6 X$ k
　　4 下到上刷新 ' T' C4 g/ a- H8 Q; B( O1 a7 ?3 |
　　5 上到下刷新 ! m- p% N% u8 E9 ~: s
　　6 左到右刷新 / U& y5 {3 u1 A
　　7 右到左刷新
　　8 竖百叶窗 0 A3 |% V5 p% O/ n% p( c
　　9 横百叶窗 * u; x* N0 x; s  ]- U- d
　　10 错位横百叶窗 $ G" p  E% O3 u: F$ Z, _
　　11 错位竖百叶窗 3 T0 M& C! i" T6 O8 G1 c
　　12 点扩散 ! x7 ^  O% S/ [5 |. t
　　13 左右到中间刷新 - S3 e1 U, f$ y4 n  T
　　14 中间到左右刷新 - \; K/ U. L( o. K& P( g
　　15 中间到上下
　　16 上下到中间 9 B& O' V/ A% g3 ^9 a
　　17 右下到左上 2 A  I4 X! n  t: p
　　18 右上到左下 0 s) J! e6 A+ x, a% V3 w) g
　　19 左上到右下 $ w; T) }( [" n' e8 _9 B! C4 C
　　20 左下到右上 # ^5 n2 T4 _9 B, B! x2 |% V# l! u
　　21 横条
　　22 竖条 6 F/ {' k6 M+ [0 T6 @
　　23 以上22种随机选择一种
39.在规定时间内跳转 ! ~: \7 i; r! w& ]6 w. D  Y
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> * e/ o. E2 @* v6 P
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: % b/ o7 ?9 `+ _3 c
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 0 N) g( v0 p, Z
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索； , f# ~3 w! y& ?4 m
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 4 K* L2 K% _# R
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ : X# |5 t# R/ t$ g) Q( D
<script language= "JavaScript ">
 ( K# V6 k5 ^2 B. M" O) V
</script> " t* R: a; g# E, f& p
# r- M! g: J; k# ^7 C3 Y! u

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 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 Z8 m3 s+ B& B: M; M' t2 g! o
<tr> <td> item 5 </td> </tr> 4 |4 J% q# X9 g" @
</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>
</div>
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了 + f! [$ D: O8 B  {( g
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 1 u/ [9 R9 _8 I  X0 _& j+ P
                        外向数： <input
         name=answer 8 @0 m& f6 J9 N6 ~+ m' X" r
         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 n) O/ V) v* S+ h  {: x; o( ]: V# }
                     　没回答的题数： <input 3 F  [0 ~& y( A2 t% t9 m
         name=unanswer id= "unanswer " 8 \# f& e6 l" S0 s3 L6 L
         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) "> + H2 v, ]8 x. i% L1 A  n
                     <br/>
                     总得分: , ~8 B, k- x$ a
                     <input
         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
         name=xgjg id= "xgjg " ; k7 F! |4 N  ~) ^$ 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) ">
                     <br/>
                     <br/>

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> ( V: w) k. g+ v1 E/ D- ^4 V' T" o$ \4 r
                        <input type= "reset " name= "Submit " value= "重做 "> ( ]4 R2 g7 l1 R8 K
                     </div> ! c5 o5 l. H% r, {4 r+ v$ @
注意：修改 <body> 为 <body  > 即为打开最大 - p7 v% t1 L2 `" J3 f! X' u) T; Z, h
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ; m  d' M; T4 z
                     <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 "> 2 N, X3 o' ^* \0 W
                  </object>
</body> 4 x; N( v( b  C4 v' e/ ]
页面自动刷新（说明） ( x" K) W- E2 I/ j- c
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 : b- W3 X5 }) k% J2 j3 J
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页面。
页面自动关闭 4 I7 g; S9 Z- B/ k+ Q0 W  q
5000是指时间 <body  >    R" b( }- L( f4 i
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> + x+ _9 }9 S% B* L0 A3 k1 i8 h
head 2 G9 O. w6 X+ i0 ]# z
<script language= "JavaScript "> ; p: w. T' M% y3 E- D
 $ x/ h" Y3 u2 l. G+ V4 N
</script> " F1 p' c% a6 d! F/ Q) N! z" c8 }6 l
<body> 注意：这段代码是在新建文件中的 - S$ m4 s: F& T" T& C% u0 f1 J. l
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数