另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 3 m5 k# h) n/ N) T8 C
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 ! O# ~* r/ P9 W8 m, F" @' C8 _
7. <input style= "ime-mode:disabled "> 关闭输入法 2 F  A4 C/ A) q  G) k# o: E. l1 D
8. 永远都会带着框架
<script language= "JavaScript ">  </script> 5 S7 x5 q6 W0 b+ |
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 ' I8 Y& y3 G7 {& o6 M
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> , ?3 J: D  J9 H# n0 \% J$ L# p
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> " Z! z) R  V: @$ N
12.删除时确认 4 O7 o! f4 l% `; [2 V& _- d' a! k
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 1 H$ v( C" K9 B% v& `
//Javascript 5 g- L# \$ Y. H  L/ w0 A* q
<script language= "Javascript ">
function getIE(e){ * H! @' P/ l, w3 o% t9 @
var t=e.offsetTop;
var l=e.offsetLeft; , u1 J" k; \3 c1 G+ O2 |! O( N/ @
while(e=e.offsetParent) ; r: @; w' R# M  f
alert( "top= "+t+ "/nleft= "+l);
}
</script>
//VBScript # K/ Q  Z4 [8 l# i) ?; h
<script language= "VBScript ">  </script> + I* o0 q: V: \. W1 I! H3 b/ r
14. 光标是停在文本框文字的最后 & ]: L/ N5 s& A* Z6 \
<script language= "javascript "> - h# V+ F  r& @& T8 w
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true); / e1 ]1 h+ z+ u( J1 t0 q/ U, Q
r.select(); ' l1 S; A8 X: z" e  q
}
</script> / I5 V& [4 G6 o# v. z4 a3 M' f
<input type=text name=text1 value= "123 "  > + i9 y1 G" l( |$ t# T7 a" w2 r7 ~
15. 判断上一页的来源 $ B& e7 Z6 }: d; P) c( ~; G
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> # M# p: p7 w9 O# [
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 5 j( f/ o. |# S) z8 j
<param name= "Command " value= "Maximize "> </object> : z& I9 W0 u. i8 T! U0 x( G( ]( x
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 7 i4 P! _2 e) |0 X5 T3 Z: V- `
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> % p6 U. \/ }1 ?
<input type=button value=最大化 onclick=hh2.Click()> 1 ^6 |  v2 Q6 A$ C4 D5 n' K
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE ! I) y. e* c9 O, d: `
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ : L% g4 E5 P7 `$ I  v) g
if(event.shiftKey) 2 V) k$ S' n0 P1 z9 d# G
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 3 A) I9 p- m5 f$ C8 E6 R
}
document.onkeydown=look; 6 p( T! E! W0 ^* o" m' r
</script> 9 r5 W* G  L( p& U0 k! ^, W
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.怎样让表单没有凹凸感？ / g: z! @6 y2 P" C8 V# }& r
<input type=text style= "border:1 solid #000000 "> 9 b' L! E# O7 G' Q
或 ( F8 y( K8 e2 C
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: ! X9 k# R: r# T- y7 P2 X
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ , ^0 n3 v$ r( t+ [& u7 l
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 % H* v/ x; C' v" Q
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: $ e; \* o. O! I* G$ e4 l1 Z
<body  > ) J( E5 z1 v- \: u" O
22.不要滚动条? 9 r% f+ t3 D/ E, r
让竖条没有: 4 \7 _- \4 t. x7 v3 z$ j: d
<body style= "overflow:scroll;overflow-y:hidden "> " `0 M- M' z; I5 P% U: j) G
</body>    y0 H# _: l8 k
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> & v  B  C3 n/ @" {! ]
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body> ( |9 B& c0 X$ a. D- T0 o
23.怎样去掉图片链接点击后，图片周围的虚线？ 0 ?3 F8 _- {. r- e  j4 A. O  ]
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 6 ]. l, o  y2 k* @: y
24.电子邮件处理提交表单 $ f# F, f: q+ C2 i' C, b
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() 0 d* Q* r# u" x7 t* S) P2 T. S
26.如何设定打开页面的大小 ) b9 e/ J% f2 u* @' W, \
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> + [. t3 O3 x2 e! y
body ( J4 N2 f( v5 f4 u3 n( D, P1 O
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; : ^# v) h& g, }. B) K4 M; _
background-position:center;background-attachment: fixed} . d$ h$ T2 s  W6 M  ^1 i
</STYLE>
28. 检查一段字符串是否全由数字组成 8 b3 O: K. {  a9 E
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight + B2 \, t4 A# \" u7 j' [( K8 Z
30. 怎么判断是否是字符 # N4 _0 g$ f( ^% L# Y
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");   F; @& F+ O/ J- ~
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 % i# G' R0 D- U0 i5 i
<textarea rows=1 name=s1 cols=27  > 0 z: }, h; q2 z
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd) 6 f/ v- i7 H3 B
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 8 A) M. r4 h' l* P& ^+ X! `
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") ' A: |! v% I% y6 a& k
}
cc( "12/23/2002 ",2) . y7 }- e- @2 V# g2 \$ K- w: w
</script> . R+ w1 J! D& z. ^
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">   ~, Q# }* W7 I2 l* |$ r
function checkme() * z( O3 R( g3 ?. L0 a
for each ob in radio1 , o9 D, j$ h$ w; v
if ob.checked then window.alert ob.value " f+ N; i4 j, f/ ^
next " R* [  }1 q2 h4 B. b% v2 w
end function
</script> <BODY> ! L7 A0 f+ u$ @
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style ( s% n  \3 P2 _) z
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 5 S4 W$ C6 i: r* k& V
<INPUT type= "button " value= "check "  > . \, a3 X) X% \7 w+ j+ |5 x
</BODY> </HTML>
34.脚本永不出错 - c# T4 p. s% r) x1 B0 d
<SCRIPT LANGUAGE= "JavaScript ">
 3 v( P  l+ h5 G$ v3 M
</SCRIPT> 4 w! X6 N+ y% q+ F( t8 w; q9 V4 ^5 S
35.ENTER键可以让光标移到下一个输入框 ! q; F6 ?6 {. q: k& [% ~0 H$ Y
<input  > - K1 G" L5 }7 p: K. Q
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: % F. a, @4 W- V6 r
<script language=Javascript> 0 R4 _! B9 X# O* \9 @
tim=1 % ]8 U0 ?* X: C  q$ `
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " : i8 J6 x  m0 ~8 G. D" w
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") 5 t! Y2 B! ^# Z$ P
for(var i=1;i <autourl.length;i++) + l/ X/ e+ F) b# I& V6 S2 ~
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") 7 ?) Z0 V* Q  @9 p
document.write( " <input type=submit value=刷新> </form> ")
} 5 G# j& u% x! D. Y* w& N
butt() / t9 y3 V. [9 ^0 Z& }* g
function auto(url) 0 x' V6 U  A2 g+ {1 U+ n
else
b++
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 8 s* w& g) o3 ?2 D4 W! O9 z
onerror=auto( "http:// "+autourl+ " ")> ")}   I2 S6 q' U4 b
run() </script> 3 e  V1 `7 L) X' l
37. 各种样式的光标
auto ：标准光标 ! {' R) E" i( l3 l, t2 s3 M8 f& J  Y
default ：标准箭头 2 ?0 x! K0 L; t' N$ z0 A
hand ：手形光标
wait ：等待光标 2 _0 h( @* u/ q
text ：I形光标
vertical-text ：水平I形光标 , R/ [5 l$ X# z
no-drop ：不可拖动光标 8 s1 Q9 t" O6 B1 e/ ]) j  F
not-allowed ：无效光标 5 g/ U+ Q7 b' Q$ N
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标 : G) i* X, {6 }
crosshair ：十字标 6 E4 }  l% ]! M1 @: ~1 d7 h
e-resize
n-resize
nw-resize ; A! c8 I4 \% e- b
w-resize 7 u- V! ^! D$ D& S1 w+ D
s-resize , R- N' I$ B+ ~& V# j
se-resize
sw-resize
38.页面进入和退出的特效 # P6 q5 [* y' R: g3 `& o# `/ r
进入页面 <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: ; g, R7 C, m& [& o, E
　　0 矩形缩小
　　1 矩形扩大 $ {4 D4 G: z7 N8 @# R
　　2 圆形缩小 , t7 O. d1 @7 _
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗 2 g, }' e9 T8 T$ N: @; w% _
　　9 横百叶窗
　　10 错位横百叶窗 % }) b! o/ s+ E' v' T9 h: }) V7 J
　　11 错位竖百叶窗   r+ s( G- k7 \" |6 k
　　12 点扩散
　　13 左右到中间刷新 4 l' \1 }6 \  |
　　14 中间到左右刷新
　　15 中间到上下 & r- k3 P( I" l2 h
　　16 上下到中间 1 T5 k4 j* f% g
　　17 右下到左上
　　18 右上到左下 6 \( a( w1 K8 p% i* d% Z
　　19 左上到右下 . k4 _$ S6 Y" u/ `. ~9 e* r8 g
　　20 左下到右上 $ I* W7 `* L; p6 D$ C9 K
　　21 横条
　　22 竖条 9 _) s. z! O+ }! X9 {! k0 `
　　23 以上22种随机选择一种 / Q5 t' i4 s& ~( G* `- j& w
39.在规定时间内跳转 % p) m2 a! V  e( A, \3 J
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 + [  H( {5 j9 x% @# X5 t2 d
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: ! {3 s. }% y" b; K- o  Q+ D
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 7 z' `1 Z/ {/ i7 B
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 7 @* s6 g" u9 a% h: d9 I0 W6 {
　　属性值为 "index ": 文件将被检索； / o# V3 j6 i0 a. r) j% L& s3 z" y
　　属性值为 "follow ": 查询页上的链接； 8 p& l" o/ |3 d3 ]  L
　　属性值为 "noindex ": 文件不检索，但可被查询链接； & w& o2 ]$ q, R& q0 u* D
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ 4 w% r  j  f! o$ X: N2 r0 P' l
<script language= "JavaScript "> 6 @; q# w9 V' \# P2 D: s

</script> " ]3 N" u1 F. l1 e' e0 S! K' `7 k

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： $ e/ f2 m, Q4 k" c
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> $ b7 z/ ?" T) X5 X# Y$ y
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> * O) g2 W; w  _) y
<tr> <td> item 5 </td> </tr> , L1 K* n; D. }9 J' [
</table> 5 k- g& p7 I6 L! c; b4 h
<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 B2 l) w( N( W# i/ ~$ U
</div>
<a href= "# "  > menu </a> $ W! a- M4 I  u+ W
<form>
<select> <option> A form selection list </option> </select> 2 z: t6 w' a" V5 @& q
</form> & Z2 ]  E! u/ N2 Z
输入框也可以做的很漂亮了 ( |$ ?; v8 X" @6 T5 P
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 8 `$ H+ U* W/ a5 O6 ^$ }
                        外向数： <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) "> , B4 D, E' X$ n3 D# e4 ?+ W
                     　没回答的题数： <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) ">
                     <br/> . C  T! q) Z9 |. E; ]4 o
                     总得分:
                     <input    J2 O5 f: d. I8 J) N
         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) "> " u' j5 _5 e/ J
                     　结　　　　论: # n8 E3 m0 S! d4 h9 d
                     <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) "> % v1 s5 l8 J; A5 i# E
                     <br/> ; T" k& F4 N* `/ a$ E
                     <br/>
                     6 s# Y4 n( k1 z. Z! {+ D
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> 0 ^/ G) b0 ?4 C/ Q: L
                        <input type= "reset " name= "Submit " value= "重做 "> 9 \  V* \& Z! _4 F
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 : J: V  H$ D) G; b
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 5 H, c# B) s) q/ b8 j
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">   g4 `$ D! d0 c* i, C
                     <param name= "Command " value= "Maximize ">
                  </object> 6 ^- K. O3 h3 h) Y2 T0 R9 M# V1 q
</body> $ ^. I& C; I6 ]+ W/ [9 O
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 : e  {4 ^- L- Q; X1 N
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 _$ P, @7 K4 R9 H
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭 # G1 R; r" K! Z4 G+ K
10秒后弹出窗口自动关闭 9 Z6 f- W& K# Z/ ?- u/ c
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript ">

</script>
<body> 注意：这段代码是在新建文件中的 - A3 n$ Q( w  g( m; T* G3 U
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> , `* ^1 k# ~8 i; i+ e
</object>

1 评分人数