另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table 8 c$ ~% `8 d. j4 ~+ Z) C
2. <body  > 取消选取、防止复制
3.    不准粘贴 , G3 G1 H$ {# W/ I) L- K
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 # }- l: P( G% ~- C' ]2 C3 m
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 0 ~6 X1 P# `1 J/ c! \5 u; Q
<script language= "JavaScript ">  </script> ! I% F, j' V( ~( ?3 E6 S. [
9. 防止被人frame " a( \( w/ p4 G  S: 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 " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> # n/ g! i/ R% A$ T) C6 N
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript ">
function getIE(e){ - e! E$ [: J) }- A' H9 x* M3 z
var t=e.offsetTop;
var l=e.offsetLeft; : j8 e7 [4 u* K$ @
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); # l" J$ |9 K4 s8 y6 K
} " |0 W2 `$ W  H; x, u: d3 K
</script>
//VBScript 4 H8 A" n% U1 k) L: V
<script language= "VBScript ">  </script> 4 W' B: B6 n7 i! J
14. 光标是停在文本框文字的最后 , M+ ]: v! j3 p9 ~; I. }% N$ X! B
<script language= "javascript ">
function cc() ) d4 r3 o; @$ }$ ~9 S
{ 4 _9 y0 r, e& i3 k$ c) _/ l
var e = event.srcElement; 2 V# d* n2 U  l+ n' ?/ t% @
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); * J% r. f5 B; l$ W
r.collapse(true);
r.select();
} " a# v% C5 R6 |
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 $ A7 l' R+ G( C. }: D0 H
javascript: : p% V) G* q1 Q- [3 x
document.referrer
16. 最小化、最大化、关闭窗口 7 H/ ^: B7 j. ^; o$ S
<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> ) n' y! [/ ?3 J
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 0 u7 j* y! ]& a- R% G) h
<;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()> 9 k9 t; U. y: ]) h% a5 P
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL , z( C1 T- c0 ^( K  c% Z/ X& M: Q
} ' k0 _% E! ~6 J- O2 v8 V
document.onkeydown=look;
</script> ) x4 I! j; x  [
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 "> : E- e0 ^* r: F; T  ]
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> * ^: p5 w+ ]7 X9 ^2 J% Y* H
19.怎样让表单没有凹凸感？ ! }- X5 {% |2 m* l8 c! P
<input type=text style= "border:1 solid #000000 "> ! d5 j. E1 W7 y
或 9 ^6 h, h2 E7 m1 d6 H9 S% l& S
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ 1 z  I6 c/ |( Q( T, a
<div> (division)用来定义大段的页面元素，会产生转行 , z$ t, a& G/ L
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: 7 w' ?) ^& u# A5 F$ d' M, p: w
<body  > $ Z! _2 r3 @. r" m! d$ O8 ]: c
22.不要滚动条?
让竖条没有: . q: V2 K. a+ s2 b7 G3 A# y- f* ]
<body style= "overflow:scroll;overflow-y:hidden "> ; e+ L* J. g0 z& f) v
</body>
让横条没有: 5 G0 Z% ^+ o0 q( a  _5 S0 T! Q) B
<body style= "overflow:scroll;overflow-x:hidden "> ' d2 X. Q2 E' P2 Z$ H
</body> " b5 c) P" U! J7 H, R
两个都去掉？更简单了 2 o2 x; `2 I7 x; W
<body scroll= "no "> : w0 T, I' x) ~. L( _4 K
</body>    M- P4 M' T4 _/ D" R
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> ! N4 [9 K  }( J9 d' w
24.电子邮件处理提交表单 ; y, X* ]3 X( F
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> : S7 ]5 Z' M3 L1 V6 `
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ 8 I: }0 C4 E9 b9 c: i
window.opener.location.reload()
26.如何设定打开页面的大小
<body  > % p3 [# y! _8 v" I8 u: X; N  B/ I
打开页面的位置 <body  > * z. G9 S& z! o4 W
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 4 {# `- D2 B% g2 z. d: a' h$ T( u
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; $ e9 g: M% `8 [! E3 {# P
background-position:center;background-attachment: fixed} 8 h. V; p; l. y: g
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script>   X% j9 Y1 q$ g7 U0 \) h
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight ; V: Q; k7 z* i$ S  T* B7 f
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); ) L" M' N: ^" I6 Y4 c8 j
31.TEXTAREA自适应文字行数的多少 # [# z: g* q# y
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 # E. p4 T1 M0 _1 l
<script language=Javascript> 0 \  m" W6 U5 K! e) I( s0 x% |
function cc(dd,dadd)
{ 8 [5 K3 {2 y* @7 {1 M3 B# Z; x; K
//可以加上错误处理 , x- V. N$ E/ l: q) l0 ]- D
var a = new Date(dd) - z1 F5 K/ T# x9 G! H2 r
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) ' Z$ y3 D  `) `$ U
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) 0 Y2 W0 I/ b- V- B
</script>
33. 选择了哪一个Radio ! K* |9 R5 [5 [) J3 U3 M0 d6 w! E
<HTML> <script language= "vbscript ">
function checkme() ' s$ N2 @& w6 Q. l
for each ob in radio1 8 v3 G; b0 g6 E/ L7 q' I, O
if ob.checked then window.alert ob.value
next
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML> 4 s: T) X/ E/ u2 r; F+ ~: z9 _& t
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  > 7 n8 L% f9 X& K! U/ Z
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript> ' d# B" }8 Z" u. S! f5 U
tim=1 4 y1 s/ c- H2 s8 z9 x) R
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " - |5 f6 f' w& W
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "   o6 s, N  |1 [
function butt(){
document.write( " <form name=autof> ") % N+ L+ q  U. T# Z. A7 v
for(var i=1;i <autourl.length;i++) 6 R$ i) ^6 F& E, o0 \  }& H7 Z
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text + o6 R' z( h7 {( @) F: x
name=url "+i+ " size=40> =》 <input type=button value=GO * `* ?- Y, P1 d: E. ?  x  T: F7 P
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") * O- o5 Q# A# n, m; N
document.write( " <input type=submit value=刷新> </form> ")   ]8 M1 c! V1 Q8 K4 _! F
}
butt()
function auto(url)
else
b++
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 1 X, N9 B+ D& ^9 s8 a2 w& ?
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script>
37. 各种样式的光标
auto ：标准光标 & {: ], u- A6 W% T
default ：标准箭头
hand ：手形光标 1 v  j5 E# A' q; I. r
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标 1 S7 r1 n3 ^, ^% H  Y$ o
no-drop ：不可拖动光标 8 J+ c* C7 I1 `' ^. |
not-allowed ：无效光标   y1 ]! v$ V. V' J; K
help ：?帮助光标
all-scroll ：三角方向标 6 a/ O8 ]! a" @0 R- A$ _; v" M1 R
move ：移动标
crosshair ：十字标 $ u- A9 k( T7 w9 @3 |
e-resize 1 {- N' \' [  o: [' Q) R
n-resize
nw-resize 3 w  O, Z4 P  g! u2 j# K
w-resize
s-resize
se-resize 9 E0 ^: s) P2 B
sw-resize
38.页面进入和退出的特效 . U& w# `8 Y/ N
进入页面 <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: ) A+ ^8 a+ j8 F
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小 + |  t$ s+ N/ W6 b, s
　　3 圆形扩大 ! \- G( C6 q/ {
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新 % t: s# g; V# f( l
　　8 竖百叶窗 & w4 s% o2 ~6 n# N; }( z+ g
　　9 横百叶窗 , u% @4 n5 Y: u4 o% C. \- T4 D5 N
　　10 错位横百叶窗
　　11 错位竖百叶窗 * G1 L5 e8 F" W
　　12 点扩散 * c0 s& t* F7 t' e
　　13 左右到中间刷新
　　14 中间到左右刷新 ' e; b, b  ]5 J/ V" `7 y
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转 4 j- ~8 {3 _6 |- U
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 4 t- P, V  C+ r+ |
40.网页是否被检索 & M# j. @. o0 B0 b! _/ U! t/ _
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: + ~4 c! K4 a1 f% ^$ T, [
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 2 ^9 d# o7 t. D$ r* g
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； & x, h' c6 c# f8 {
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 4 v/ ]9 o$ |5 B8 l0 Q: p4 H- N
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ ' t) e5 N" }4 e2 m2 j( i* A2 [
<script language= "JavaScript "> & \# X& t1 K4 L+ Q. `; M5 ~) B9 w/ k. c
 8 }; ]: C) \6 i9 _: E
</script>
  K7 p& W/ m3 j, W2 E
2 t5 }' r3 {* o# l( \
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> ' o) V0 ]% m/ H0 S  l. C8 j- v" k
<tr> <td> item 1 </td> </tr> 7 v8 `6 j$ o- ]) j2 [6 M
<tr> <td> item 2 </td> </tr> 1 [3 L( |, d5 M/ \! q7 S
<tr> <td> item 3 </td> </tr> $ F! n5 d* ~, I3 W+ j8 O
<tr> <td> item 4 </td> </tr> 9 p# |) [  g. i; g' b& K4 v
<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> 1 C/ [+ a% Q. g8 O3 y
</div> . Y# a6 B. v2 B  ?& ]5 X  I
<a href= "# "  > menu </a>
<form> + Y& \; e/ p3 |& D3 n( E, |
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 5 ^) d5 d2 ]5 \" H
                        外向数： <input
         name=answer 4 c0 f8 f# M5 ~, D1 M5 n
         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 1 M% P# B% S* E6 o1 b$ v
         name=unanswer id= "unanswer " 6 M6 m7 k  e; S8 k
         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) "> . a5 `/ x0 b, P! ]
                     <br/> 9 z( M3 @  Y, q& `+ o: e9 |  w
                     总得分:
                     <input 5 i" a( A& ~7 F* Z) ?6 f
         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) "> ' B. M+ l4 x3 Q
                     　结　　　　论: ) L' ?- R! N, d& \; _
                     <input ) j6 v+ J: f0 s# @$ M! g; M
         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) "> * O" W! @0 _/ @+ e  s
                     <br/>
                     <br/>

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> 8 p" [; ~$ h2 K, ]7 l
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 4 ?9 |  @+ x" u; c6 t
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 ; ]& d# C" B1 {: B# y7 R) g) r
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> / F- O5 K$ p0 I( o  f0 O; R$ `4 O
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> $ e! z& x/ ^8 ?4 [6 \
                     <param name= "Command " value= "Maximize "> 1 {) z) k7 O( V& a
                  </object>
</body> 1 ?9 X. ~! D5 Y3 X' ?
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. & A. K9 `8 i3 J
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 & [2 G3 s8 X) |2 z- J' G
页面自动关闭 " w8 U( F6 W* T0 P: t
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> & @- W; e' J0 W7 R5 [
head 4 R1 v7 U% h: X; x
<script language= "JavaScript "> 1 `9 X( w% S$ u7 ~$ ~5 w! s/ _
 . C6 T& I' Z) ~
</script>
<body> 注意：这段代码是在新建文件中的 7 f3 z3 _! U# Q/ g( |+ Q
<script language= "JavaScript ">
  function closeit() - z2 l, h" k  x  N1 L+ y
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">   {* K0 d' @0 @8 y6 Q  R
</object>

1 评分人数