另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table 1 z' {: a3 ^) M, ?  V; W0 U
2. <body  > 取消选取、防止复制
3.    不准粘贴
4.    防止复制 - R1 H- F  x+ K) D
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 - z0 P2 I9 j, R/ `
7. <input style= "ime-mode:disabled "> 关闭输入法 , f. J% r5 @8 x, d7 [5 p
8. 永远都会带着框架 & r" m4 c7 _0 k9 d1 a1 j5 l4 `
<script language= "JavaScript ">  </script>
9. 防止被人frame 7 o& a% P4 H. Z! s
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 5 \2 {" S8 c2 \; B# W3 c
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> ) w( {$ [/ E/ [$ t$ }- r* ]
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript "> ) E7 m( R1 z- T# ?
function getIE(e){ 4 t  r9 y" c* V$ T2 _0 O
var t=e.offsetTop; 1 n6 y" |3 |3 G8 j6 i; q5 K4 ^% t7 G
var l=e.offsetLeft; 6 T; [: z2 B* L
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
} # H/ A  P; {8 g( n1 Q0 |
</script>
//VBScript
<script language= "VBScript ">  </script> ) a& B- f/ l. P& P$ }
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc() & L5 Q6 [0 I  _2 A2 e5 r
{ $ r9 ~5 R* \* h7 i1 A+ d
var e = event.srcElement;
var r =e.createTextRange(); 9 ~5 [$ ?9 U5 H, C" }6 {/ r
r.moveStart( "character ",e.value.length);
r.collapse(true); 7 x* ~/ J: F$ F. N# ~9 m
r.select(); 8 X. ^) U' X  a
}
</script>
<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> # P% x. x& I. I
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ; V2 b+ w! `: g4 _$ d; ^# E8 B$ `' ~
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 3 s" e% ?2 R  |: j2 I. \+ j- y1 ?
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> * ~3 w  |0 t6 y" a
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()> 9 m" c  [4 S. S
本例适用于IE 4 w. h  j! ?) Y1 ^( j+ L
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 6 Z& R8 u8 {9 O; i9 \" M
if(event.shiftKey) ; j& y$ Z, ?; Q& x
alert( "禁止按Shift键! "); //可以换成ALT　CTRL ; }5 G. K6 d; s5 Q3 z& z1 G' W
}
document.onkeydown=look; 2 C4 X' E/ k* @" `& i! V2 e5 H5 X( T
</script>
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 ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或 - F# p. V9 q% J5 L2 i  j
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 6 B7 ~; G; r: A4 m
1 solid #000000 "> </textarea> . j. ~+ L) a; w& l1 v
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > * w/ B. T( F, l
22.不要滚动条?
让竖条没有: : z- T: |; L6 v; j5 t% B+ u
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有: % K$ h5 F( Q  p- H# u( p
<body style= "overflow:scroll;overflow-x:hidden ">
</body> , Q% I1 W) A# J  ?# s/ ?
两个都去掉？更简单了
<body scroll= "no ">
</body> * V" r2 S3 b: m) P' g) ]
23.怎样去掉图片链接点击后，图片周围的虚线？ ; j/ x6 S4 {- G# U
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 1 S: S4 q9 ?% |7 g3 S1 ^
24.电子邮件处理提交表单 " E0 j4 U; A8 J  Y* t+ q
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 2 V6 ^* ?! D) j* i, M7 u# b9 K
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ / f% F) S" t6 `$ v. @
window.opener.location.reload() , b# L5 b4 t; x# z6 p- W
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 ' v0 n/ D6 Q/ }% [8 b. Y
<STYLE> 5 }/ a6 {9 p" i. ~5 {8 J4 V
body * q" J1 A6 _; H' Z5 l- ^9 M3 P2 r
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> 6 }0 ?. F/ l- [7 z
29. 获得一个窗口的大小 6 B' i3 \9 H. l4 w0 |# O
document.body.clientWidth; document.body.clientHeight - o1 y( B) B6 U/ d# H% z7 E
30. 怎么判断是否是字符 , c* A& d* C' Q7 f; i0 [+ z
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); : Y) M( r& Q3 z' b9 j: g- Q
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > ) q& z; t( h& b- L0 u+ y! v
</textarea> . _  u- X/ ~' B
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理 3 u3 [0 w. I' _: b
var a = new Date(dd) $ L5 i" |- @# I! s; @  i
a = a.valueOf() 7 f3 y" s  Y+ K8 a' x& j- N
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) # \. R& {  H* X( n, M
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") : N* n; u7 ^: |! p. j5 b
} 1 a0 g5 b6 R. S5 {
cc( "12/23/2002 ",2) 2 J( s1 Y7 e: ?8 _
</script>
33. 选择了哪一个Radio $ J, r( j9 W3 L( h! x: C( `$ X
<HTML> <script language= "vbscript "> + L! N2 \, I; p/ r: Y% [
function checkme()
for each ob in radio1 " P% `, o. I2 k
if ob.checked then window.alert ob.value 0 O1 ^5 W9 t. `( J, u% L* [4 a, e
next
end function 0 h! X8 s; `6 M" R
</script> <BODY> 2 p2 }( G5 S9 M9 Y0 U) t
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode % d  R8 B5 x& E7 C" @
<INPUT type= "button " value= "check "  > : f/ [- f8 \. U# z* X2 ]' N
</BODY> </HTML>
34.脚本永不出错 % \' J5 H* t3 e$ a4 N( O
<SCRIPT LANGUAGE= "JavaScript "> / X7 ]7 k+ \$ t, U

</SCRIPT>
35.ENTER键可以让光标移到下一个输入框 9 ?% Y' Z1 G. X2 F: l
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript> 2 `) ^1 Y- u& D8 U4 N6 X/ E' _
tim=1 2 o2 l2 W3 E6 ]: H
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " , i( B0 K7 V# d4 y8 O
autourl[4]= "www.nuaa.edu.cn " # i  y; T0 T- E! X8 [% U( r% f! ?
autourl[5]= "www.cctv.com " , f% U$ G. a' d5 U7 M
function butt(){
document.write( " <form name=autof> ") 8 e3 D- d3 x! m' l  N" q1 C
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 9 P# Z! P: K( o+ O$ H
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
}
butt()
function auto(url) 1 r( x$ Z' I$ m6 R+ h
else ( e) C" w$ Q8 \
b++ 4 g2 T' @2 @: d8 L$ o
} * l. Y1 f+ h% V7 |/ u2 t
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 , W- ~# N, H7 y+ x
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script>
37. 各种样式的光标 + H! S( q& I1 W( H* H
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标 $ y$ k# w+ n; ]$ ]0 `3 D# ~0 @
no-drop ：不可拖动光标 2 \  h  D! V3 e4 p9 t
not-allowed ：无效光标
help ：?帮助光标 6 }0 r- |) c; o7 \+ q/ @3 M
all-scroll ：三角方向标 ' q, Y5 k6 k; r; E# f
move ：移动标 + h" M) s7 z' F* E9 H4 g
crosshair ：十字标
e-resize 2 V6 K1 W* f" Z* F
n-resize
nw-resize - w& y' {2 N2 G9 c
w-resize
s-resize * V6 `4 v  m3 z3 R
se-resize   C! m* V( u3 @8 j
sw-resize % |# K: b! x  V, P+ ^9 G
38.页面进入和退出的特效 ! e) [4 O8 n) B- n: x+ G
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    ( r2 A' p2 l/ ^: l
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: 0 v! ~' D8 O" o) Z, f8 a
　　0 矩形缩小
　　1 矩形扩大 6 g1 V: P9 X- `  L- r
　　2 圆形缩小 : C+ Z; H9 k8 M
　　3 圆形扩大
　　4 下到上刷新 ( h; H, a! l/ ^
　　5 上到下刷新 8 ]7 ~( l% a( Q2 ^2 M& o2 Y# R
　　6 左到右刷新
　　7 右到左刷新 $ ?. Y$ H5 e0 H( p( ]
　　8 竖百叶窗 / C  L4 w8 ]' l: J, M
　　9 横百叶窗 5 W+ D9 `! t2 Z+ R7 V4 o) g1 S. X
　　10 错位横百叶窗 # Y, Y4 P% y* u" }' @1 A, P* g8 q
　　11 错位竖百叶窗
　　12 点扩散 + _1 J8 y+ Y9 {1 c& G( ~
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上 ) c, V: o. j" O' Z
　　18 右上到左下 / }5 @$ N2 P: _+ O- q
　　19 左上到右下
　　20 左下到右上 ) R0 O# D- C5 ^- R. R
　　21 横条
　　22 竖条 9 p- K, U; [* ]' Q1 `
　　23 以上22种随机选择一种
39.在规定时间内跳转 $ F+ x$ P5 I3 q+ Y
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> " r8 S0 Q1 W1 c% \& O) o* h
　　其中属性值有以下一些: 7 e% r  e+ w# Q- U( U
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； + _7 E9 E& W# N1 q/ [6 h
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ : L; C" h' ]9 M  o& t# a
<script language= "JavaScript ">
 # F; g4 ?) k  p6 j) N: ]
</script> , M# |0 T3 h# u3 q% c# Y

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> . t9 v& ^% f$ p# l+ a8 H3 U2 b
<table> : q' v4 m; w; `% ?- p, n
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> + c( `/ w3 F& w4 j
<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>
</div> 8 h) b2 O4 e/ ?
<a href= "# "  > menu </a>
<form> ! I) s/ k6 T! L
<select> <option> A form selection list </option> </select>
</form>   _& J; y' z" Z) d9 h( r+ J9 T* `
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input    {5 G# a. G; C6 y4 j/ a3 e# Z0 o. F. r
         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) "> . a/ L5 _: V, g8 ?4 h
                     　没回答的题数： <input : l) i* T5 R# `8 K$ }* S  f: E% D# }6 j& q
         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) ">
                     <br/>
                     总得分:
                     <input 1 U+ I: w, p6 Q; M* U, G
         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) "> - d2 L$ ?% S/ q8 u# C9 A
                     　结　　　　论:
                     <input
         name=xgjg id= "xgjg " 2 p+ U  ^9 `$ a" D2 e
         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/> " ~( b, U; K  G* k
                     <br/> ) v$ x* X3 M. b/ r- B3 U1 ^) h9 f
                     ( R& c* A9 o4 Y4 ]3 Q% c
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> ! c. g  B: I1 l: r
                        <input type= "reset " name= "Submit " value= "重做 "> + a, h2 B- P( W6 e) M- C, D1 ?
                     </div> 5 c$ O  G$ ]+ l3 X4 O* J0 t
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ) f+ i# h7 ~! l0 J* x' |
                     <param name= "Command " value= "Minimize "> 9 N' x* y* R; f
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object> 5 a7 D9 J6 Q6 y% R6 ?# q
</body>
页面自动刷新（说明） 3 Q& I4 V. ]4 A2 k  x1 A
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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页面。
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭 9 H2 A% D4 L/ M; v, q) C% i9 B
10秒后弹出窗口自动关闭 8 s7 b1 \4 t0 ]3 m" m0 N
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head 1 {' Z7 z! D6 v  Y% @) o. T' g
<script language= "JavaScript ">

</script>
<body> 注意：这段代码是在新建文件中的 " [9 d$ A$ p9 E: T
<script language= "JavaScript ">
  function closeit() 0 g) t/ }5 w* y2 G
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数