另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 & e  @, o2 V0 b0 P' K  C8 `0 d
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 4 q: U* I% J9 O: n" W4 a! W* ~( d
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 4 L5 d) G' A7 W2 \
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script>
9. 防止被人frame - q6 m& P1 e8 x; p
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 * Q5 C1 G  D$ b8 x9 D
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> & d2 {. V; O# U# f* @: F" B
11. <input type=button value=查看网页源代码 7 L9 h" M2 R, g* P& W0 n
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 1 Q9 ~( X; J" h8 n
13. 取得控件的绝对位置 $ x. y3 d! p2 x0 M- s4 e, G
//Javascript
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop; $ M5 S; u* m2 @, [$ n
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
} ( C' L! U/ Z. c/ _6 J& |
</script>
//VBScript 0 q: ]  e6 }" D% S
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 + H$ [3 _: [9 ?+ P, P. I; g
<script language= "javascript "> 7 `' m% Z- S3 M" U' _' z' F
function cc() ; y! L* ]( x$ h  \
{
var e = event.srcElement;
var r =e.createTextRange(); 0 M* z; a8 ?7 s( Q8 I; R8 i
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select(); - ^# S" v- }+ h1 j
} $ }& t7 a1 f6 m
</script> 4 O: p% E% G' b& {+ |+ w# H
<input type=text name=text1 value= "123 "  > ' M& b& r: `- T
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 5 f1 o1 H! B* x
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> 2 w, k4 M5 [; O2 [5 M
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ! }( v' M- X, z2 L% K3 E7 V
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>   B2 X. k" s3 Z0 k! @, I
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> ) [+ a+ |% ~7 Z& k$ _9 L5 H# M
<input type=button value=关闭 onclick=hh3.Click()> 0 ?1 c- h+ |4 r
本例适用于IE & }" l% w7 x3 }& S0 _& P$ J; A; r8 K% l
17.屏蔽功能键Shift,Alt,Ctrl $ g$ P8 h7 S2 T" |
<script> & U7 c9 |, L& o# s+ B
function look(){ " n" |; N7 a0 [* E0 ~7 r& |' ~9 ~% F
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} 7 b- `* Q0 N% S9 R
document.onkeydown=look; # Y( C6 R& X) h
</script> , u( H# G& I. }- @. I' I( q5 Z( ]
18. 网页不会被缓存 # s  ]: I7 A( s# i* v/ j% R
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> 2 D+ d- Y6 m: Y. r/ k6 N1 A2 }! s
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> + E8 ?2 W$ ~( t: S
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或 # X1 q# }7 X, d
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > 1 x3 c3 ]/ T* y% ~( h
22.不要滚动条? - G/ [7 T. k" C7 m4 q7 f9 u, A
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body> 5 p: N1 b" u$ j# O9 c" T  d
让横条没有: : v3 {. X( W7 k
<body style= "overflow:scroll;overflow-x:hidden "> . H2 G  e9 y$ Q  e
</body>
两个都去掉？更简单了
<body scroll= "no "> " {: I2 F+ ?+ ?6 C4 \
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 ) t8 K9 [1 E% m% v. g0 e
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> % G3 B' N6 {+ N
<input type=submit>
</form> 4 C2 n  ^9 W& |& A* ]
25.在打开的子窗口刷新父窗口的代码里如何写？   ^0 V, p, {; T' n0 w8 o) C; _
window.opener.location.reload() . U& ~# Q9 s+ ^
26.如何设定打开页面的大小 % V* t4 [: I7 X( _5 t
<body  > ; p# K0 W; D7 p
打开页面的位置 <body  > ! e/ Z, ]$ f3 O
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> * J4 q; }' J6 ^! a& Y
body 6 R) h6 P) [7 k, A
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; ' Q- M8 n: g( v: w6 i
background-position:center;background-attachment: fixed}
</STYLE> 6 A# i3 v- v8 y, \3 L+ e
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight ) o1 T/ a' x% M  o) l
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 ; L3 X$ b- k) q. x  N5 n$ K! V9 N
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 5 M0 H. K  V6 W. B" l* @0 F* h
<script language=Javascript> % Y4 t5 G1 m+ N& l" c; G3 Q0 K$ v
function cc(dd,dadd) + p( }6 K: J+ I
{ + N) O8 v1 ?' l& m( S6 j
//可以加上错误处理 $ D. y9 M& y4 P. ], `- o
var a = new Date(dd)
a = a.valueOf() - @6 K' L1 r8 l2 v$ k* K7 i
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) 5 Q9 M" n- C# `5 v* l9 @% |
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") 2 D' @, Q4 B! w
} 5 v, k7 Z9 R: `; W# Y' u& U. d
cc( "12/23/2002 ",2) ' k  m# w3 m) V' {! Z! A: [
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> + Q" x! a  S0 u& x" g/ B: f  O/ v0 A
function checkme() 4 N" L, W! E, v0 s
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script> <BODY> 4 P2 j8 ?& l5 ]$ A
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 1 [& V: H4 B2 Q. A: \3 J
<INPUT type= "button " value= "check "  >
</BODY> </HTML> , H% H3 t# h. c& A( P7 L3 I4 n
34.脚本永不出错 # m5 ^% l9 X9 {. j) I
<SCRIPT LANGUAGE= "JavaScript "> . F! w. q) @$ I, ?
 : J. d- k, b" A6 _/ x; p
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框 $ e# Z! X0 l( m! U& Q. n$ a
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1 ; a1 Y: L( c) F( [" b: G
setInterval( "tim++ ",100) 9 L! P' m, v9 [6 i: c
b=1   I/ P2 _( P* k* Q6 p
var autourl=new Array()
autourl[1]= "www.njcatv.net " 4 ~8 U& j5 M# a9 Q* s
autourl[2]= "javacool.3322.net " 4 d$ e6 `4 h! T# j4 w8 W
autourl[3]= "www.sina.com.cn " 5 ]1 m* \7 @; I
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " . h: _6 P  M& \
function butt(){
document.write( " <form name=autof> ") ( u8 M4 ^% p& \  f$ r, v
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text : @% A9 [! r: O
name=url "+i+ " size=40> =》 <input type=button value=GO 3 h7 O' S+ u- I6 `$ Q
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
}
butt() % I# w* k, Z3 ?8 F. H" M; w
function auto(url)
else 9 X. F: F" b1 m4 B
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+ " ")> ")}
run() </script>
37. 各种样式的光标 $ \  g( }) f% @; |$ ]4 C. F/ \
auto ：标准光标
default ：标准箭头   K! t$ N4 M$ n3 w; Q+ X# Y* @
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标 ' o1 ~: @8 G; C3 ]1 F% g0 g) y* ]
no-drop ：不可拖动光标 5 t! o+ S9 S; \8 R6 ]6 s
not-allowed ：无效光标
help ：?帮助光标 4 Q: t( E* h7 E7 F
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标 & U- `+ w, B) g; [; \9 }& R4 v/ K
e-resize
n-resize ; F8 h; A$ M. X8 O# y! c% V/ ?2 }5 N0 l
nw-resize
w-resize
s-resize : e) }& l. b. A' E0 ~! n
se-resize 8 j3 E! ?! g9 V; B
sw-resize 1 v) Q$ Z: [) `$ M" _
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    5 D. n8 b% C$ X* C8 U: Q
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大 # h7 |$ L! ]" P+ W
　　2 圆形缩小 9 P( {8 ^" v4 Z5 c" c
　　3 圆形扩大
　　4 下到上刷新 9 @& i6 E+ F8 q5 |
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗 9 e+ k1 x- H( `* f& b
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散 ' R# j7 c/ R" s' o9 o
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下 , a9 x3 f$ P# |/ `& a
　　20 左下到右上 9 u% y, q( Z5 k$ R+ ~' g5 k
　　21 横条
　　22 竖条 & |: j& i  v  |
　　23 以上22种随机选择一种 % I" z/ c) q% V1 e% m4 T
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 0 h3 v9 B& y. B1 ]% i
40.网页是否被检索 $ h! ?$ \! m+ }2 V8 L) y
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； ! |2 f5 Z) Y5 n5 Z: `& f
　　属性值为 "index ": 文件将被检索； ! C' R% r8 l# \6 c, L/ P
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； ( I# u2 [. A: I$ X; L) P2 u3 T
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript "> / i) s& `8 ?( y
   Z. Q1 o0 a1 J6 e" \; m' W
</script>
$ L  g; B; ]: g. a

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： - N  q* E# G  H' o
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 7 W3 W3 U- C0 n
<table> + s9 B' n# \; [3 L4 V/ ~
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> 7 L9 @) L. o% P# S
<tr> <td> item 4 </td> </tr> * W; H0 N8 X- z! v$ i
<tr> <td> item 5 </td> </tr> 0 ?& T7 V! d! {% F
</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> % ~9 J+ P: k% @. C
</div>
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select> & b6 u* T+ o) @# ?, e( g" v/ l
</form>
输入框也可以做的很漂亮了 ( ^+ ~, F( F% j7 }, K7 e
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> - |; e7 C1 m: o$ g; x! S  f
                        外向数： <input
         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) "> . u3 z' j, G# c8 k# Y/ {6 N2 y0 P
                     　没回答的题数： <input + F4 R/ D  U% S* Q$ c
         name=unanswer id= "unanswer " 5 k- S8 M, m. ^2 |5 e- 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) "> " z! A' O. T4 b% q
                     <br/> + h8 {2 Q) x  k
                     总得分: , F' b+ }( i. r' o' s: @
                     <input 8 M, e5 c# T+ X8 i8 D$ y6 W
         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) "> , G7 {  _% c9 p  }% V
                     　结　　　　论:
                     <input
         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) "> 8 v$ A+ b7 N1 |0 X& y- d
                     <br/> 5 c/ M2 H5 |  _, Z0 G
                     <br/>    t3 }7 ^3 O( [2 K' b

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> 4 ?9 Q3 o: Q3 W7 s6 g- p
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> - c. o+ D7 r. Z+ a5 N
                     <param name= "Command " value= "Minimize "> 7 d/ _0 \3 M% e- X# Z, v
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> / P8 J: r' C% ?: p# B
                  </object>   ~2 f, m! B4 c- U6 [
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 4 N8 I7 Q; V- R! z; t
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页面。 2 T8 h; x1 ]  b$ ^& E& [  a1 u
页面自动关闭 * F1 T* y2 a$ s  k
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭 ) b3 C$ _0 l8 Y# w& g
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head , W4 E) v4 y5 J0 a( q; X
<script language= "JavaScript ">
 ! G8 P+ Z1 i. \4 u/ H5 n
</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> ! g2 ~; I6 d; _
  function closeit() 7 }6 \7 |4 [5 b- h
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 1 f3 v3 u4 q9 a' b9 U9 Z: l
</object>

1 评分人数