另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table ; h0 l4 [  Q: s; p
2. <body  > 取消选取、防止复制 " L9 @9 u8 c# J* e& P  d6 s
3.    不准粘贴
4.    防止复制 ; `( H, U' p+ a1 X6 C/ j3 Q
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 : A9 z6 z( M7 e9 j# S9 \
8. 永远都会带着框架 : _! T5 E. @: Q$ r- V
<script language= "JavaScript ">  </script> " h$ z% R$ ^- e
9. 防止被人frame " e, G, [* w) B0 m7 `
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> & |7 Z! r% o7 G/ e( F! F9 P
11. <input type=button value=查看网页源代码 1 r- |# o+ q0 D2 q
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 , C0 K0 W, D* T& }; x, K* \
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> * P2 F/ M  E( }4 n0 ?8 X: j/ A
13. 取得控件的绝对位置 / g* u, `8 q7 @7 q7 t
//Javascript
<script language= "Javascript "> 1 c  R7 m  M- t* c% M6 A
function getIE(e){ % m8 {7 ~( e  n( b
var t=e.offsetTop; # S, I; }* W  f: Z
var l=e.offsetLeft; 3 e( z4 g3 G/ l5 Z  u
while(e=e.offsetParent) / A- ~! ]6 H. ^, Z% I: ], B
alert( "top= "+t+ "/nleft= "+l); 5 r# _7 j  u3 Z
}
</script>
//VBScript
<script language= "VBScript ">  </script> % [! B# \3 q2 X% R$ G8 p
14. 光标是停在文本框文字的最后 # V5 U8 |! H( [& y0 S: b
<script language= "javascript "> 2 C2 U$ J* A. l% ?
function cc()
{
var e = event.srcElement;
var r =e.createTextRange(); ' ^& n: J  b1 v0 p! f) u. u9 N
r.moveStart( "character ",e.value.length); ) f  C( Y7 _( a1 ^$ w
r.collapse(true); 2 X3 o1 A2 i" ]- w; D/ y
r.select(); 0 [1 Z0 J- p; P6 A' e/ u; U
}
</script>
<input type=text name=text1 value= "123 "  > # ^. Q! `* x8 R
15. 判断上一页的来源 - h3 T8 z* f0 J! H% r6 k, L5 l
javascript:
document.referrer 0 f3 ?* ]# t% {' d: c3 |
16. 最小化、最大化、关闭窗口 $ c( h! X0 k0 ^; l2 \" d
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> $ r4 W4 E- B. H0 {
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 3 i3 J( N* X8 |- y4 Y; e, r9 W4 m
<param name= "Command " value= "Maximize "> </object> 7 F' `! c% I& W# n8 R
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 4 ]9 }+ R5 R, D! \% \7 }& T1 C" S
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> * w4 Z8 W+ I. S! J* i
<input type=button value=最小化 onclick=hh1.Click()> * L' E  C7 t- X5 m2 B; _' e
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl + s9 `4 @$ n  a2 M7 Z$ h& P
<script> % |2 X9 }) @5 V) a8 K- u
function look(){
if(event.shiftKey) ; E- d! w$ C  M$ u$ [. S$ P
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} ! C5 w+ P* G. _: R9 u
document.onkeydown=look;
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 0 d% \. m: G7 ?
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> 9 P6 H* m$ E. c+ C% {8 W! s
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> 0 Y( J7 l/ H8 k5 f0 v& O0 v- U1 Z: z
19.怎样让表单没有凹凸感？ & j2 A9 }$ j1 y' T% S" y/ _
<input type=text style= "border:1 solid #000000 "> # p0 L" ^  d; J+ S; P5 ]2 Y
或 ( V! A; n* b" [4 u
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ + q4 U" p* ]- J- i! L, m" n
<div> (division)用来定义大段的页面元素，会产生转行    K9 o# U% j& M* S4 h
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? 0 g" @3 d2 J" y3 Z& y5 o8 e) F
让竖条没有: 8 X* q2 l+ d- S
<body style= "overflow:scroll;overflow-y:hidden ">
</body>    {* i3 }. _- G" ?5 ?
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> - R# E+ e: f9 P  d! n' g  Y
</body> % ~1 m0 U- r6 b9 k* c
两个都去掉？更简单了 ( V9 e6 j9 [, u  D4 g% {, u* s
<body scroll= "no "> & D6 a/ P! ^) x
</body> 6 e" G4 U1 J% `6 @4 |7 U
23.怎样去掉图片链接点击后，图片周围的虚线？ : C  j# ^+ X7 g) G( z$ }
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 * f, H/ R8 p- |5 Z" N) x) P
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> $ @0 a/ v- o- \. Z  }
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() 6 R1 P* T7 a; K3 q9 b" m
26.如何设定打开页面的大小
<body  > ' T- K8 {7 e& Y1 K% x; R$ q
打开页面的位置 <body  > ( K1 R; E; E! h* t' V4 G' [
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 ( C  o+ ]% F2 S7 `/ T+ g+ S8 H) T
<STYLE> 9 w8 f& H; r. w
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; - l& M' k9 C! I0 h
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成 % m& c. p1 l" D7 o& R* N2 a
<script language= "Javascript ">  </script> * b% r" d7 M0 h& ?
29. 获得一个窗口的大小 : c  {& T2 S8 w& j9 Z( Z  ?5 Z
document.body.clientWidth; document.body.clientHeight 1 ?& I2 r2 @9 V! `
30. 怎么判断是否是字符 0 }& `& @% v+ O7 B1 U
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); 1 ^8 X9 e- R% p1 k
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  >
</textarea> 9 e# h  Z4 `% t0 U1 h& e
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{ " ~6 J2 s) u) G9 n% T, \! |
//可以加上错误处理 ; T# ^: E+ W- J+ o
var a = new Date(dd) , z" b  y: f0 Q8 Q4 C) V% e  z
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) 1 v' T# b+ v5 }  N$ v5 Z
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2) % w7 i6 I6 S- ?4 D
</script> ) a4 _9 L  \. s6 b; w2 v+ ?
33. 选择了哪一个Radio 7 w9 @/ W' o3 @# m! M/ b4 B
<HTML> <script language= "vbscript ">
function checkme() & ^, }9 l: F( ^! X$ w  u
for each ob in radio1
if ob.checked then window.alert ob.value ) D! i' O: ^# Y- H1 P
next . s9 \" t' e; t( I& |- U
end function 2 ~8 F2 W4 d7 e  e: l
</script> <BODY> ) Q) g. u* Z! u" s; }% b# l
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  > " f& |; O. G6 {% x& ^1 f* o. k
</BODY> </HTML>
34.脚本永不出错 8 p% b  n' ~. N
<SCRIPT LANGUAGE= "JavaScript "> ) U8 [, K+ E% r: ?
 ! n5 w9 K9 G$ F$ O
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框 / \! E( A7 o) o, J' a' a
<input  >
36. 检测某个网站的链接速度： - W1 w& C' f! H; A: ]! S+ m
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1 / C5 M7 d8 u5 G- L$ C# U
setInterval( "tim++ ",100) + v0 M( b* V$ o
b=1
var autourl=new Array() ( I8 D! q3 N0 c$ N
autourl[1]= "www.njcatv.net " * L) p1 F& ~5 L" h5 e& v* u
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " & Y3 r) H% N0 b$ n+ \" A8 U
function butt(){
document.write( " <form name=autof> ") 5 j; M0 [( w  x5 s8 g  o
for(var i=1;i <autourl.length;i++)
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 " g' D/ ^$ H! u  M, \9 W$ S; m
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") , e4 [: s3 g# z; c  v8 H
document.write( " <input type=submit value=刷新> </form> ")
}
butt()
function auto(url) * A& j- @' b* J- d  `
else   d! ~- t; Y( K9 E* O8 f
b++
} 2 g  [0 B- v: k( f: L1 m$ y
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 * ]' p1 J. e( s8 k8 x
onerror=auto( "http:// "+autourl+ " ")> ")} 3 ]4 P9 p8 X- F, a( R( [4 {
run() </script> 8 j* b$ Y' x9 ~+ U1 \
37. 各种样式的光标 3 Q2 Y3 H9 t, q4 m) k* Q
auto ：标准光标 7 K3 e, ]4 V$ {- ?" P- h0 D1 A
default ：标准箭头 / g# \% N/ @, [
hand ：手形光标
wait ：等待光标 ; q# t! g# L3 p- h2 u5 Y
text ：I形光标
vertical-text ：水平I形光标 # w9 j7 b9 r+ i8 }- M* I2 I
no-drop ：不可拖动光标 8 v* ^- S2 d, i. [
not-allowed ：无效光标
help ：?帮助光标 $ X/ |* ~- o- _* D, _) ]) D+ W" I% @
all-scroll ：三角方向标 % Q. L8 h2 ^; n; l
move ：移动标
crosshair ：十字标 , b, M  B+ @! z& K
e-resize ! a& C% D2 b6 B& |
n-resize
nw-resize
w-resize
s-resize
se-resize . `' v3 X, ]" Z0 R( w( W
sw-resize
38.页面进入和退出的特效 6 i* r' G5 l4 a  l/ T9 z2 R
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 8 L1 y$ y. d) u+ A* K
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    . s/ ^/ l" J/ K- z4 J& A' ~) q$ }
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: # N8 H9 v# S" ]( |# M
　　0 矩形缩小
　　1 矩形扩大 : ~, ^8 J7 b+ v! s; U/ H
　　2 圆形缩小 / U) Q9 {  {+ y) B) q, |
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新 * z4 m- P6 z# D9 i3 N6 R' ~5 r
　　6 左到右刷新 ! v0 L0 K6 {/ K; ~* m; E' q! J+ I0 |
　　7 右到左刷新
　　8 竖百叶窗 - a- ^2 ]$ }" V7 d3 z
　　9 横百叶窗 % h! t7 d  r6 I' ~( Q, |5 B7 a
　　10 错位横百叶窗
　　11 错位竖百叶窗 % M+ t% j" d& B/ p: H
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新 4 ]6 @" ]7 X# h) B4 u% B' _  O
　　15 中间到上下 : i& x2 [( y4 D7 r. i) r3 B
　　16 上下到中间
　　17 右下到左上 ! u' m5 Q$ f) t6 i" D  Z
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上 $ P- f8 e$ a# G& P4 a3 ^) l
　　21 横条 $ i- ]: v+ Q, x$ {
　　22 竖条 ( f2 V- [, m/ l# H
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> # t, F8 n$ x, K& X& N
40.网页是否被检索 / z9 N) U2 |% s
<meta name= "ROBOTS " content= "属性值 "> 8 N5 T) g# f" |, V  s
　　其中属性值有以下一些: 4 Q7 @/ `4 W& {# Z6 g# g3 B
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ) E! T/ j& w$ B) s" f, B$ l, e. x
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索； 8 l# j; }; B. Q  l( t) r+ E
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 ) v2 ?+ N" P; u+ }
最大化窗口？ 8 [: y' U" Y8 ^+ I
<script language= "JavaScript "> & O% [3 T1 D3 w
 + p, h4 Z6 @8 P* h- _; L
</script>
; ]9 s: u3 x1 o: n  d

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> 1 v" W) I& n  h3 E0 L- ~4 i$ C
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> $ F( F# A% c; J/ `# }1 H# B
</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 x+ L5 I) e6 c/ ^6 N3 B4 J
<a href= "# "  > menu </a>
<form> 3 o7 p# G2 f0 k4 @5 M$ F
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input $ c2 C7 B+ L* w: A, U  Q2 ~6 m3 h& c& D
         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) "> 3 X2 y8 n( _2 P, w, m
                     　没回答的题数： <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) "> & t( z, V5 r# m7 N
                     <br/>
                     总得分:
                     <input ' M9 G% Y" Q' G: Y7 g, Z$ }9 \7 c
         name=score id= "score " : m4 D* W9 a/ E$ x: {& R
         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 5 `+ j* r1 E8 s) o+ m+ U8 d
         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) "> . J1 J- `4 l: d5 \# J+ n# P
                     <br/>
                     <br/> 8 L, W6 f; O& R
                     % J! [" h5 m1 S, n  D
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 ) I9 x- K8 Q) q4 T7 [9 j
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> ) l4 l7 ^9 |+ D9 S
                  </object>
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 : ?* y/ o& @7 s" S
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  > ) ]1 Z3 l+ u0 O3 ?- ^+ ^( r1 `9 \
弹出窗口自动关闭 3 q  L7 V0 U9 J
10秒后弹出窗口自动关闭 0 g  q2 p8 K. T: T- |; N
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> & l& ?9 L- ~/ X1 W# L5 O# _
head 5 p5 l0 y2 j; L% n& U; Q2 L
<script language= "JavaScript ">

</script> 6 W4 k2 w8 ~6 ]# j
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 - Q! M/ v; g* \4 S7 ~& |2 r
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数