另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 0 P. b4 s) K- M5 s$ j
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table ) `# y' J  p' ]7 H% _
2. <body  > 取消选取、防止复制 ; S- I/ b+ X# g7 u
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 $ L$ P) H  |8 Z  H# ^$ e7 m
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 % B6 [. ]% O. f& }4 w. i4 g' _
7. <input style= "ime-mode:disabled "> 关闭输入法 ; x. `- d1 M( j
8. 永远都会带着框架
<script language= "JavaScript ">  </script> * E, C* R* w* M0 K& b
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 ) Y2 p1 M# H! P( ?  x' l( e/ f
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 6 f" D7 A8 [  x4 @
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> ) q& B9 \! k; |  p- w9 ^5 s5 u- @
12.删除时确认 9 K% U1 C' U" h) t8 u
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 9 S6 _4 y  T% ]/ p
//Javascript 7 }0 N  U* X7 j* ~4 z2 y! z8 G1 o0 ?
<script language= "Javascript "> : }% Z3 F  k$ I% Q  G; B" |1 f
function getIE(e){
var t=e.offsetTop; " r6 P1 m6 a6 H+ h5 ?
var l=e.offsetLeft;
while(e=e.offsetParent) 9 m7 \/ T3 o* _3 Q
alert( "top= "+t+ "/nleft= "+l);
}
</script>
//VBScript
<script language= "VBScript ">  </script> . y7 f- ], O* R" }- s- Y9 {& H! L/ J
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc() ; K) a, i' f/ l8 m" t
{   S( G6 G2 U: d8 T- `
var e = event.srcElement; * o+ B! P; }4 f4 @/ X  Z% S
var r =e.createTextRange(); 6 p; K& Y1 d+ i
r.moveStart( "character ",e.value.length); $ I( A0 W0 U/ ^
r.collapse(true); + A+ ~" a' p# T0 w; @
r.select(); 8 D/ ]3 M+ z' ?2 ^% m8 g! Z
} ! X- N8 |! T. \. p  O7 _
</script> . g$ Q5 Z* f  A
<input type=text name=text1 value= "123 "  > 4 X8 j" h' T6 p
15. 判断上一页的来源 . S, ~' V0 l4 W( Z6 K' Y
javascript: 8 f& X, K) }  y, V! b$ ?
document.referrer % ~6 w5 _' O& K* `0 d
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object> 7 h: J4 A$ j* q  n% A) U
<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> 9 L/ {. U. D) V( H
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> : U+ _$ w( G8 P% }" C
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl # [* d* r* g6 x+ l
<script> 5 A, Q. J; t( h4 j
function look(){ 0 Q5 r5 T: ~: R
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 4 N; C  b8 o% z
}
document.onkeydown=look;
</script> + R6 |) W/ O5 e. W9 ?. s9 T+ p1 Z' \
18. 网页不会被缓存 3 h- s1 b3 t' M. R& t6 B% J& ~
<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 ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> , k# Z+ T' M) b! E
19.怎样让表单没有凹凸感？   a7 [% Z9 J' B; e7 L
<input type=text style= "border:1 solid #000000 "> ; J. ~3 {$ \! Q" u7 a  p
或 : I% T" Y4 x- F) }
<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> 的唯一区别是不产生转行 6 q  Z3 l% i  x5 ~% D
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > & t$ d4 D( d8 M' O: B" {3 P# e
22.不要滚动条? ( Y0 X. d7 R* g: `
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body> $ y. ?9 p9 }/ \; Z& B, W& w' y  J
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body> 7 t/ N- C1 V$ ]9 ~) a
23.怎样去掉图片链接点击后，图片周围的虚线？ + w- u6 H# M6 d6 \
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 1 d# X8 h; c8 J5 [
24.电子邮件处理提交表单   y" m8 @( W0 p; G
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form>   |% f; R. V( C7 f' Z
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小 6 b1 U& [, {3 {& }, C
<body  >
打开页面的位置 <body  > $ M0 F3 \8 B& i2 V
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 - Z9 r2 F! u1 c1 O
<STYLE> 1 j$ Q+ P: k( X( I) S0 B
body 6 H% E) {( ^( I: M! c+ B* p+ J
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}    U9 d8 D9 j' j( ?3 X8 b  t/ X
</STYLE> ( Z  M0 V1 d! _, n5 ~% C2 z
28. 检查一段字符串是否全由数字组成 ' ?# _3 _* m1 Y5 A* K0 p
<script language= "Javascript ">  </script> $ [8 @/ j- X& p. y, I. s3 P4 z- f
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > 1 g7 K) j; k% d5 m. [
</textarea> ' ^  b. ?: J. A8 K( z3 `  j, e
32. 日期减去天数等于第二个日期
<script language=Javascript> " r# V" v' O$ w/ {
function cc(dd,dadd) ) d9 Q1 p$ s$ x: O" M; P- R
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf() + H* H: \% |5 I3 Q
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) " r1 w4 `+ d: F, _9 W
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") * _" h/ @# W) @8 i* |- x) Q
}
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio ; r% {2 ]+ {. J8 l: D
<HTML> <script language= "vbscript "> & P* B/ |+ z, k1 r
function checkme() % w: S3 x6 |6 w. t( B
for each ob in radio1 % b3 X- _/ J6 ~; M
if ob.checked then window.alert ob.value 1 Z& u& {& [3 J* ]' m
next
end function 8 N  O. P1 K9 _8 M' a# c6 r9 q+ p
</script> <BODY> 7 ]. k8 f: Y% _, [
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode - V: L1 ^- |% W9 @
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> $ x6 F0 V* s! Y" R7 m1 x
 $ a- q' f' P) o9 H+ B
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： & F4 a5 Z  Z6 ?: X8 R
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1 6 m" ~; q- b' P  ]5 Q' @! I
setInterval( "tim++ ",100) - _5 v( K/ E5 h3 |
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " " H$ S( h: d4 T7 j4 e, r. O
autourl[2]= "javacool.3322.net " ' C2 }4 Y2 F5 F- R. d
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " 0 q- F/ f+ M/ K! |% W! ^
function butt(){ & {7 C; q4 c+ v7 s9 m/ @9 N7 R
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) , [! z+ R) r/ ]5 t8 U! s) E
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text - ]9 g( M; r3 y& B. f
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") 1 Z/ @& Z, x2 M$ S% e% m( e( C
document.write( " <input type=submit value=刷新> </form> ") + c) ?) F$ Z, v
}
butt() % d  @' _# M% Y1 i- n+ l
function auto(url)
else
b++
} $ p) s; o4 \+ Q) R' O, v2 e. v
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 ( k& \; Z+ X- C. r
onerror=auto( "http:// "+autourl+ " ")> ")} 4 E4 w9 j1 ?! R0 h
run() </script>
37. 各种样式的光标
auto ：标准光标
default ：标准箭头 & F! t4 B7 h3 c' ~. O9 v
hand ：手形光标
wait ：等待光标 2 N( \; H  r5 F
text ：I形光标 4 n! C+ `  h0 |6 A6 m6 z
vertical-text ：水平I形光标 . N$ G! K$ V# w
no-drop ：不可拖动光标 2 ?+ B1 P! o4 m" P* ^
not-allowed ：无效光标 4 f4 U$ e% C+ h, l/ {) M$ c
help ：?帮助光标 , ]5 t" c  h" b$ m1 [
all-scroll ：三角方向标
move ：移动标 $ b/ O' S* O0 N7 r3 W8 J5 K. s+ e
crosshair ：十字标
e-resize
n-resize 9 [( L/ J/ {. H' G6 h
nw-resize
w-resize ' m4 u0 f8 k8 Y2 L# D  [3 y0 X
s-resize 1 C) r8 m- {# N3 G9 z: v) u5 W( q  z" s
se-resize
sw-resize 4 E& A1 V) b* K/ H+ M( `
38.页面进入和退出的特效 4 _. k# j7 V( z  M9 ]0 G/ Q: H/ k$ z
进入页面 <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 矩形缩小
　　1 矩形扩大
　　2 圆形缩小 + F! V! X% W$ x' P" a0 h  h0 D' o
　　3 圆形扩大
　　4 下到上刷新 / `1 Q: f0 Z. p1 c: x& W5 B( F
　　5 上到下刷新 ) b1 b3 [( T6 o* Z8 x
　　6 左到右刷新 . c5 u1 `7 C$ r+ ^2 f
　　7 右到左刷新 ' R3 @+ I% o* E2 H' d
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗 4 Z1 W8 \7 h0 _9 h$ E$ \) F( `
　　11 错位竖百叶窗
　　12 点扩散 $ D& _: ^; Z; n: E& `( C
　　13 左右到中间刷新
　　14 中间到左右刷新 ' w$ y5 C1 [+ D
　　15 中间到上下 # `4 }" c, ?. _) }8 e  \. y
　　16 上下到中间
　　17 右下到左上 / t+ v2 t) c3 ]
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条 - e7 y5 n* j9 N1 }5 V: a
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> " H- g2 R1 d/ o; d& k$ `
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； " D! X. s0 C( z5 [3 [7 R5 c
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 * D$ |3 Z9 u0 h4 r+ |0 s
最大化窗口？ : X; b% |0 ]' [  b- H$ P, B
<script language= "JavaScript ">

</script>

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> % z) u  v7 f' H8 b7 t' n7 F4 w# V
<table> 2 U2 L# F" j# m: k2 f
<tr> <td> item 1 </td> </tr> % M1 F3 _* L" @) u
<tr> <td> item 2 </td> </tr> 4 Y% l  u3 J( w. l- y
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr>
</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> 3 ]( p/ K# `' q1 y7 d6 ]/ {  T
</div>
<a href= "# "  > menu </a>
<form> 6 h' B! `2 ]) T1 d/ O9 l7 l8 c! Y% q: N
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> ( S, K/ Z5 W! ?3 W# R/ F& H
                        外向数： <input * `  `  R. \1 p, g8 H) N- X+ s
         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) ">
                     　没回答的题数： <input
         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) "> 7 ]1 B& W( h& n+ [' B- u. y9 t
                     <br/> $ q- @4 V! V, N/ B# [  t
                     总得分:
                     <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 " ! x+ x2 L* o1 L' n4 f) P  G* d
         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) "> & x$ M. {; n2 z" \) Z, J
                     <br/>
                     <br/> ' B6 y4 |0 T" p

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> " }0 k" E0 S1 U) o, `( R7 R& Y; t& c
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> 5 H  C" X, t, x9 G2 q2 s) _8 ~
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ! C7 m& `" h1 p& d0 G2 B
                     <param name= "Command " value= "Minimize "> 1 |6 t! d: M9 p9 T) q5 T
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> 8 Z3 a( K4 k  B- L
                  </object>
</body>
页面自动刷新（说明） . r5 b# r9 p$ I6 B" G
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 * Y/ J4 c  ]4 X+ E2 w; }
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. + `) J% G. L, v. j
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 1 b. o2 G- X5 T  r. W7 @
页面自动关闭 " A; H- ?: ?" m6 x4 L
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript ">
 - |8 d: d- ~1 R: o7 H
</script> 4 ?1 K; {, L8 q! U
<body> 注意：这段代码是在新建文件中的 5 e3 e; c6 {4 C+ P" i4 v  N* d
<script language= "JavaScript ">
  function closeit()
  </script> 5 [) M$ B# f' S! b
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 & I* B  H) P1 o0 C1 K5 e/ r" ~
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数