另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 % P) a$ @" t4 U7 n
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table - a% I$ s8 i+ _
2. <body  > 取消选取、防止复制
3.    不准粘贴
4.    防止复制 , X; r& ^9 u( B' a: J
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 * p9 C$ e2 V0 l6 E: q
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架   @2 y8 D# A+ k2 o% z& V& a
<script language= "JavaScript ">  </script>
9. 防止被人frame 5 r5 I% Q- p- J- w+ G4 w) b- ?- a
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> 8 l  b3 l9 V) d( e" F5 V
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 : N! Q' |6 u* h" X4 Z8 @' q
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> * G& P7 _5 [) [5 K; Y8 D
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 4 z; B6 J- m" l8 [/ w4 K4 t
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript ">
function getIE(e){ $ c# j4 f3 a5 O* F$ J, V0 ~
var t=e.offsetTop;
var l=e.offsetLeft; - f  D9 V9 R6 x. z: J
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); " X# i( S1 }2 J# L
}
</script>
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 : }9 E( N9 f) \4 Q
<script language= "javascript "> # w+ {" z- C& L. D
function cc()
{
var e = event.srcElement; ( f" Y. S# D# h; ^$ g, o
var r =e.createTextRange();   Y3 ~+ }. ~) j9 s2 d( q
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select();
} 6 L+ l" P* {$ n, X
</script> 1 ?0 r; P% S$ Q4 W
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 ) m) L" I- A! k0 ^2 T4 [
javascript:
document.referrer 6 h( d9 Q6 j9 ~% S- r- h5 Y$ H
16. 最小化、最大化、关闭窗口 ) F3 ^. f- B# u8 c; O% [7 g
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 6 q/ X7 H2 q5 {0 h4 S  a
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> . ~- P8 G; u- _: h" n; w
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ( E, x* I) _6 N! c, M3 c
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> ! o: v0 g8 s4 n4 p, s
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> - Q) T; p% y9 m) ?& g4 q
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE & o. [, g# X+ F! |
17.屏蔽功能键Shift,Alt,Ctrl
<script> ! N' j6 F' ^' K+ T+ M
function look(){
if(event.shiftKey) & Q4 V# G- F# U5 {) q% v
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 1 p3 T  T0 d/ n0 j
} . G; K4 ^* I! G7 t0 n4 c
document.onkeydown=look; . `5 \& H" S/ W& B* V7 H( [: J
</script>
18. 网页不会被缓存 ; Z+ o- N1 j- K; h( g
<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 "> % k8 e, g$ T6 I( A
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ # F/ c% K2 \( e5 M# O3 T  ]
<input type=text style= "border:1 solid #000000 ">    N% o  [8 P1 `" d) F$ G$ y0 H
或 % P. M% _( \& g2 p
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 8 J* `, z/ E& s2 d/ H2 s
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行 : p+ R4 `8 k2 _/ o* c
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 1 E6 U, w+ |! o4 v; v: l! \
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: ; m. o9 `+ G% C+ n+ T! [+ J/ {
<body  >
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> $ a$ ]1 g& i8 W
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了 3 ~3 H8 I; x8 U: r9 i
<body scroll= "no "> + E3 w2 y7 U0 j0 Y& R$ O
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 9 A# ]. s: U+ |3 @0 Z8 [; M
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 6 G% h$ o2 G) |5 \. ?9 C% E
<input type=submit> * v4 q2 X& K' d% z
</form> ; w- i) X9 K8 n1 G1 j7 p: c
25.在打开的子窗口刷新父窗口的代码里如何写？ & f" ~$ T" Q2 y
window.opener.location.reload()
26.如何设定打开页面的大小 % }( q4 u* U6 q7 a, }9 S
<body  >
打开页面的位置 <body  > ; Y) g5 s3 q3 }% j2 G3 f4 N# W
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body 7 q1 [/ M: X: O" E
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} , W% T3 H) c8 o% Z
</STYLE>
28. 检查一段字符串是否全由数字组成 9 l& C% r7 r% B5 f! s2 }
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight 3 v6 i1 Q% R: M! p; h
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); " E; k3 I9 k( E: h( o
31.TEXTAREA自适应文字行数的多少 0 T+ t& O% N8 q. r* t) `
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 0 P# V# S7 {, J3 @: A% |/ Z6 W
<script language=Javascript>   z0 B% {4 L+ j) e. u
function cc(dd,dadd)
{ . A! H9 h8 r0 E/ s
//可以加上错误处理
var a = new Date(dd) % U( y4 V( M9 J1 z* L2 s4 H( ]
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 : A' h" Y  H! y8 Z
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") ' X1 o- R- G( U: y! S2 H* F
}
cc( "12/23/2002 ",2)
</script> , g# z9 i2 [. t( B
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> : U5 g) @+ u, d* }8 h4 s6 S  c
function checkme() 6 C5 @# P0 F3 O! I" a9 C
for each ob in radio1
if ob.checked then window.alert ob.value
next $ x) {. z4 s5 N& t# A
end function " k7 P, O$ W- X) K1 e
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 4 c9 |) O! H9 x6 Z
<INPUT type= "button " value= "check "  > / }8 l. ^$ m, w8 F, {8 T7 U4 Z1 ^
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> : m: @( Y; T" u+ O! D; B1 G
35.ENTER键可以让光标移到下一个输入框 . t0 g6 e$ Y: D* T- |
<input  >
36. 检测某个网站的链接速度： 1 W3 G" v, Y5 X" W4 u7 H5 J
把如下代码加入 <body> 区域中:
<script language=Javascript> 3 n5 @9 i/ u4 ^
tim=1
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " $ `' w7 _5 \1 `) i. f- J- j0 I  t
autourl[3]= "www.sina.com.cn " 9 ^# G/ ~, E0 e( |" z) m  ^" O
autourl[4]= "www.nuaa.edu.cn " , [( J5 w3 I0 R5 o5 Z; U! R
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") $ c3 r5 J2 y0 e
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 2 h; ]& q( u7 O- R
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") ) p& R  w4 Q/ G/ ^" |
document.write( " <input type=submit value=刷新> </form> ")
}
butt() / j1 P+ C: o/ |( ~; n2 ~
function auto(url) # P  ~$ i5 N3 z7 E$ Q
else
b++ 9 x8 H, m1 r) G. q4 D
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 - a9 j4 Y8 e% t9 F5 m/ ^, }
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script> ; S% K0 X$ Y; d* X
37. 各种样式的光标 $ t; a" x& R: U6 p; J  n0 H2 c! U
auto ：标准光标 6 S+ D" i) I- t  u) Z
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标 ; i0 Z% |" X. R+ \/ ^; z
vertical-text ：水平I形光标 2 x: R$ Z' e5 f# }$ b/ H
no-drop ：不可拖动光标 % j3 M( W7 L9 G$ P3 P2 [3 B) k
not-allowed ：无效光标 8 X2 A# d* a  {
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标 ! ]! H7 V4 F9 x1 x& g2 X
e-resize ( K. @& c1 s0 `/ b' U3 ?
n-resize
nw-resize ) J- m+ A( h2 A) `2 Q9 Q- e- I1 r
w-resize . p8 t* f' y2 e2 J' [& r
s-resize * n+ @) ~. S5 G% ~$ @4 `
se-resize
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> ) D. N: F; b$ Y# N6 _
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    ) i8 E9 F' v( x$ j* Y- F
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 5 f/ ^$ s; ?" k& v
　　1 矩形扩大
　　2 圆形缩小 / _6 u1 |% _  G9 u
　　3 圆形扩大    \& l4 G) [; c  o3 j$ \# W
　　4 下到上刷新 ) Z! Z; I7 F& @' e3 h, L
　　5 上到下刷新 $ @+ E1 {0 k* T& ?9 @
　　6 左到右刷新
　　7 右到左刷新 . @8 a% `$ O. Y4 x# F' N. R
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗 ) ~; K" z  i! q6 I* r
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新 9 ?( q& M( b( g" T8 v5 q
　　14 中间到左右刷新
　　15 中间到上下 4 b$ W% g0 o5 _- U+ s
　　16 上下到中间 % h! j% e- L" I8 \' H1 M: K
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上 8 B4 O/ _0 o. V1 J5 `
　　21 横条
　　22 竖条 , X0 z5 {1 k) ^7 W' r! `
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 0 K' g$ E. S" p
<meta name= "ROBOTS " content= "属性值 "> + R1 m5 r' G4 i# o5 U' K; V" p5 k
　　其中属性值有以下一些: % y. e2 G: q* R! f1 X1 B: u: @5 _& R
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索； 2 C' y- h+ o1 ~& ~
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； ; f; q9 J9 ?4 A1 F) U( k( _
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ 3 W6 t5 d4 J, U9 }1 m, L
<script language= "JavaScript ">

</script>
8 e0 U; @9 Z4 e, P0 ^  v! N
' |7 H: z2 u1 y* K
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> ) r7 l' O! U* M& n8 x$ [, \
<table>
<tr> <td> item 1 </td> </tr> . w1 U  P5 D' h
<tr> <td> item 2 </td> </tr> . q% F* z( \8 |. ^9 e& ^" Q6 Z
<tr> <td> item 3 </td> </tr> & B) s0 ^$ V) S' y$ m
<tr> <td> item 4 </td> </tr> ! Y, N% t- r& u* P( P% `
<tr> <td> item 5 </td> </tr>
</table> " t" b3 J* ?& @) Q
<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> ( h0 M9 w* }" ]9 u% c8 j5 i  u% e
<a href= "# "  > menu </a>
<form> . O1 x8 Z& |" g4 S/ V8 M# D0 @
<select> <option> A form selection list </option> </select> / o, B- }6 h; ~5 ?
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input ! `+ a& H( D! T1 M1 F. m5 W; A
         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) "> 5 t3 f( i' J2 a5 l! V
                     　没回答的题数： <input - d( h4 t  x& w0 g
         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) "> 5 v* z6 t4 g5 B# ?0 m1 L
                     <br/>
                     总得分: ' ]6 F+ n& ]2 ^. {, `  c8 T) Z$ B
                     <input 6 t7 p' B4 F! ^( j  I; K' w' G
         name=score id= "score " % w) E/ [1 y: i/ ]
         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: [' q3 G5 s5 d: `' D
                     　结　　　　论: + g0 C, ]# Y' P3 ~
                     <input
         name=xgjg id= "xgjg " , I) M$ Q( F) _7 b6 n. Z
         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 l) o8 J0 M8 k/ f) l
                     <br/>
                     <br/>

                     <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  > 即为打开最大 , G; A; b% I% m1 ?
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> 4 t+ _9 c# o( @$ }0 _) b
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 2 H. _+ y; b! E/ h  j
                     <param name= "Command " value= "Maximize ">
                  </object>
</body> ! g8 p0 v& n* K6 m" N1 d% G8 ]
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。   K. t4 c3 P/ z9 }9 O1 s1 f
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页面。 $ g0 B0 z1 U0 b% B1 J( {4 n
页面自动关闭 , K5 I0 P) J, c0 [* t* N
5000是指时间 <body  >
弹出窗口自动关闭 9 t0 K0 v" s" c1 ?$ F
10秒后弹出窗口自动关闭 ! d) I& e3 f9 G! D5 \  x
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head ; u% P# b5 c- f% o6 q
<script language= "JavaScript ">
 ) o0 `3 h( `1 E$ G1 m) [5 V* |3 A
</script> 1 Z1 c, z* O* K2 J6 t8 C
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit() ; w: S7 ]) o& Z7 {' Q4 a& j/ ]& [
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 8 d% z9 a2 R; |% \' K% p. g
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数