另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键   B' c# V0 ^- ~
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table * v2 Q3 S5 l+ U  {
2. <body  > 取消选取、防止复制
3.    不准粘贴 7 A3 ?" o! E2 n9 K  V
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 ; R. }; B% Z* Z" Q+ H2 B
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 8 {- t- Z: h5 H0 g. ^. `$ D/ u
8. 永远都会带着框架
<script language= "JavaScript ">  </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 % m: o. d5 r' k& o, W( @
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 7 S! [& \' b7 K) ^
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 8 \; K" M4 T: @2 b/ ]! a7 i! @; G
13. 取得控件的绝对位置
//Javascript   V6 h: L, @+ H% E& v
<script language= "Javascript ">
function getIE(e){ & K, m2 e0 z: w: M  y
var t=e.offsetTop;
var l=e.offsetLeft; 3 c5 j0 m: Z) U
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
}
</script> & m6 t5 L7 ?+ X, w0 t6 a
//VBScript ; l# }4 y  d; b& V, h
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript "> & Q1 {2 ], q+ o$ i
function cc() - @$ I; h) Q. a/ h+ K2 N; w- U
{ 0 z; L: N" \- g3 P5 x
var e = event.srcElement; * V- B4 g; u4 j/ t
var r =e.createTextRange(); 1 r3 x' ?& G1 a0 K) F9 q% P
r.moveStart( "character ",e.value.length);
r.collapse(true); , i6 @( }4 ^# s( B) W
r.select();
} 1 T  j- H  j) B+ v8 p* f/ E
</script> # A" T$ Z; P- [- V9 R) o7 I
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<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 ">
<param name= "Command " value= "Maximize "> </object> 0 b/ H. m# d4 r2 L1 s
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> $ q  A  f/ L6 v1 D) k  X
<;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 ( }. f6 z. F8 X% o' {
17.屏蔽功能键Shift,Alt,Ctrl
<script> + l& o! C2 ?% R* X* i
function look(){ ) X$ h7 G9 |: K/ D8 |
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL ) @5 i# g; l' ^
}
document.onkeydown=look; : y1 |( t! k: H4 e
</script> $ g  i2 O! B! L- u) a% h
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> : y& e% o2 f6 G' v  v3 Z$ m, |+ d2 c0 v
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> - T; {( q) ?* S: @* N; m
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> / G" X7 a. @8 G
19.怎样让表单没有凹凸感？ " ~' L& F, M1 U' w0 [
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ * |6 F0 c) J' F3 G9 }% O; ~
<div> (division)用来定义大段的页面元素，会产生转行 1 L+ F1 S/ J2 B' w9 ?0 g' s$ H+ ~
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? 7 j' J* w( d, r
让竖条没有: " R' N( y; b- ^; Z1 k" P
<body style= "overflow:scroll;overflow-y:hidden "> ' M0 U6 f" U; H# M" p/ W
</body>
让横条没有: 9 Z9 F! E; I, b8 s$ b. q; Q
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了 + B$ Y% b6 z: H
<body scroll= "no ">
</body> ' e! ^& G" ]+ b# O5 N% ]8 r
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> & ?0 S2 [. A5 x
24.电子邮件处理提交表单 + p, n8 [* e3 {. Z! w2 ~
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> ) c/ U8 j  x! R9 O3 W0 S' {
<input type=submit> 2 P# G4 W; V# b& V+ {9 C  g# Q
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ 6 K  a8 `" D2 s# i; \4 W$ p- \  \+ T
window.opener.location.reload() % `4 C% e! S* ]; {# x7 j8 ~$ i
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} / W. O5 I; v' u1 ]( d
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小 ! }" `9 E- ]; y4 x2 j8 G* C: y
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 ( o9 d% w) _/ s% l% _
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); : ?6 v' m: v$ S4 S% c
else alert( "全是字符 "); + Z; X3 j0 u8 P  J+ {- D" s/ Q
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > " u- W& o0 {* }3 V! W- N
</textarea> 9 K3 h6 s5 }8 Y  _: Q
32. 日期减去天数等于第二个日期
<script language=Javascript> % s1 M5 X3 b* @4 T% ^4 U* |$ h: i& K
function cc(dd,dadd)
{ ! G0 T' `0 c- P, |" x: C6 o
//可以加上错误处理
var a = new Date(dd) + W7 K  H$ @. j; D
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 0 a3 M- B: J3 M. T( g9 w" @
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} 6 v% d8 u2 V; h3 ?( p- _- M4 x& ]
cc( "12/23/2002 ",2)
</script> 6 D, @- G* t% Y
33. 选择了哪一个Radio 4 ]2 j9 ]0 v( k
<HTML> <script language= "vbscript "> 4 O/ Y- J1 l8 X9 T: h4 \
function checkme() ) B9 p2 U$ a, |5 H
for each ob in radio1
if ob.checked then window.alert ob.value ! _( j- r$ T$ k% M: ?
next
end function
</script> <BODY> 6 l5 t0 ?1 q7 _7 I
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style   F/ s. h* k( n+ w3 D$ n) D
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  > 9 J$ @6 y0 l( @# `  g
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> 9 o& q1 t: [7 Y  d* S( k" y9 o

</SCRIPT> 2 S+ v5 @$ Z5 S! B* Q/ O8 H# [
35.ENTER键可以让光标移到下一个输入框 8 ~) M! C' b) S6 o
<input  > $ J4 L$ t( v5 {9 N9 N5 X: {
36. 检测某个网站的链接速度： " K; V& D& \) F3 q$ g) u, W' z
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " ) ~& n1 E7 k/ H
autourl[2]= "javacool.3322.net " 6 Y6 X- ?6 \& T, c; k6 i' J
autourl[3]= "www.sina.com.cn " . ^  t* q9 N& F1 ]& D4 [
autourl[4]= "www.nuaa.edu.cn " " W7 K7 T5 q2 B$ F6 V; `
autourl[5]= "www.cctv.com "
function butt(){ 5 p& K  s( `( W+ J. H
document.write( " <form name=autof> ") 1 u% G8 c$ F0 R! ?! A; U
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 5 T# H- b! a& n& }
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") + z2 v* g% J8 A7 d
document.write( " <input type=submit value=刷新> </form> ")
} . c% Q' x- }# c# Q
butt()
function auto(url)
else ( }8 S( M; F3 W- `* ]' y: f
b++ ; m4 j5 k' K9 _" |
}
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+ " ")> ")} 0 v; q& P% k1 S7 i$ p8 j
run() </script> : L2 v: s9 b: ^
37. 各种样式的光标 0 L1 g* a* ?4 G
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标 0 T2 |7 L! j. B( U
vertical-text ：水平I形光标 ' m, m) k; i- Q4 f: o" w
no-drop ：不可拖动光标
not-allowed ：无效光标 # v: U* l/ T( h1 E  b% b' ?; U
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize * t9 Q8 u1 L& l
n-resize
nw-resize
w-resize % e; ?) @1 X% p: u) h
s-resize 9 W4 T( D3 v$ L( P+ `
se-resize 8 V3 Y* Z" p/ a+ ]& k6 }: \
sw-resize ! V7 p3 K* c* P: ^- @5 E7 ~! s
38.页面进入和退出的特效 8 n/ B1 ?3 ?7 c6 M
进入页面 <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:
　　0 矩形缩小 - E1 {  `8 o6 O: C$ I
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大 1 Q$ `2 i. B: O$ R- I+ X
　　4 下到上刷新
　　5 上到下刷新 - T4 Q) X  Y3 F3 c
　　6 左到右刷新 9 h# n8 J4 N  @- Y. D
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗 9 t+ g3 w; s% @2 x4 |0 `4 x$ D9 o
　　11 错位竖百叶窗
　　12 点扩散 / r2 M! x7 ~9 w2 d) R0 g& j/ P
　　13 左右到中间刷新 1 o7 B: b, ~" H- l
　　14 中间到左右刷新 3 J- ?+ b) B+ U5 `+ W
　　15 中间到上下 / l1 `/ T/ X$ [. Y0 u7 U# y
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上 2 g; L( {- \1 E6 J/ H" X+ f
　　21 横条 ) a: g4 a/ B6 g2 _4 D8 T9 T! E/ F
　　22 竖条
　　23 以上22种随机选择一种 + F! Z! b  I0 ~8 w! W% Q( ]
39.在规定时间内跳转 1 `% B8 X# X5 z+ j8 h$ t4 p# N. X
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> * @- x( f8 ?9 M4 ]$ o( b9 N/ C
40.网页是否被检索 * s4 T" i* z, P6 L
<meta name= "ROBOTS " content= "属性值 "> ! i) U# ~/ A& k% }6 [; Q4 S/ [
　　其中属性值有以下一些: ( B; x) j( j; m. Q# g2 r& Z9 M! E
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索； & W0 W+ y% _8 _2 L+ R
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 $ h' @6 i8 Q/ i
最大化窗口？
<script language= "JavaScript ">

</script>

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：   d6 l( q7 u# l. g6 T& B
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> / R, B9 R2 i) N! C1 d# h/ B/ |
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> 6 N2 T9 S- F% ]9 d
<tr> <td> item 4 </td> </tr> ) u/ }1 M( b! [3 l: q  G2 u
<tr> <td> item 5 </td> </tr> & H1 F9 O. [2 Y, U% x
</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> . `1 V$ r2 e; R! J* q
</div>
<a href= "# "  > menu </a> ; e2 z2 E% m; u  W) R
<form>
<select> <option> A form selection list </option> </select>
</form> ( S- c( L3 N! I- o* p. B9 U
输入框也可以做的很漂亮了 " H( S5 A) R( Z1 v
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 3 \% r) `) m9 h# k+ Q( B
                        外向数： <input ) [3 b; K& B# o) K9 u& y
         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) "> $ i0 p* \; r/ K5 P# k( O2 _: k
                     　没回答的题数： <input
         name=unanswer id= "unanswer " ' C! R" l2 B" d! n. G/ t/ v1 F
         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) "> - s3 @& [4 F' A& i7 {' |. }
                     <br/>
                     总得分: * b1 {& b- S' Q
                     <input
         name=score id= "score " 7 S) B. @2 E% }' 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) ">
                     　结　　　　论:
                     <input ; }, f. x1 N- y4 }4 y
         name=xgjg id= "xgjg "
         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/> 4 V( l9 Y$ H' h& S
                     <br/>
                     2 n2 F4 h9 _' \1 w
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> , N% T' ~* f3 ]6 W4 L5 Q
                        <input type= "reset " name= "Submit " value= "重做 "> - k$ R5 x. a& N2 c0 c9 [% C) C
                     </div> 9 s, H. W( ?0 L, T
注意：修改 <body> 为 <body  > 即为打开最大 " l1 k! o: M  T: @& f
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 5 S% E; A+ @4 I; l
                     <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> 5 ?$ t' W: E$ J0 ?! \
页面自动刷新（说明） : o, m) q1 d. `9 Y
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. # O) |- b/ S: S# |
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。
页面自动关闭 3 {& A3 q1 o7 F
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭 / A0 y2 `! X  _& b1 m. M% i  V
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 7 `3 E7 f! z; L! W2 j, K
head 5 Q4 ~  I2 m7 |8 H& o+ K) ]
<script language= "JavaScript ">
 : {* n- i9 Q: I2 ?/ o
</script> 3 w, M9 U: J4 O% e/ N0 J$ k4 m
<body> 注意：这段代码是在新建文件中的 6 [% }4 H# N; p& @! ^
<script language= "JavaScript "> % {8 ]5 e! s/ w; ?- x% d  Z" J
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 9 A! S1 X5 y& v( F4 v/ a$ {
</object>

1 评分人数