另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键   }3 d" y. r; N9 ~' t3 d
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table - z! W1 N, a& H) e& \
2. <body  > 取消选取、防止复制
3.    不准粘贴
4.    防止复制 . n7 d6 v! C) f& N4 w
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 4 D1 V; l. P# g" Q  d0 _( _
<script language= "JavaScript ">  </script> * Y0 }  R" ?6 F7 N4 |' S
9. 防止被人frame ! u+ [6 z. x. ~) e" S
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> ! y$ P1 F/ j( [6 J" ^
10. 网页将不能被另存为 7 i# Y0 v- P( Z* R4 R4 f& m
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 2 J. X- [3 Z; {
12.删除时确认 6 Q6 K4 Y8 K+ _; @
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript "> ! u: _- N! ^' j" N" L
function getIE(e){
var t=e.offsetTop; & o6 r+ a9 z8 p+ k# }7 n$ c
var l=e.offsetLeft; % X6 K+ o" @7 R( h: O
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); " x/ T1 T, w: F' I, V
} , m( R, }7 O! ]8 |. c1 I
</script>
//VBScript
<script language= "VBScript ">  </script> * w, z0 S7 b/ {6 x  P; s2 E% D
14. 光标是停在文本框文字的最后
<script language= "javascript ">   E- G7 Y' [2 T7 G2 F
function cc() 2 y+ e' K  _$ n. I9 n
{ 1 E- W8 {+ m. K  g& J
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); . J: }0 S! \6 B% Z, L0 @4 J
r.collapse(true);
r.select(); 7 W! n; o9 W+ D3 @  a6 ]4 Y
} 7 z6 t  T8 }8 g) D) o) L) v
</script> ! A1 W7 `! a* T, q& i  [. f4 f
<input type=text name=text1 value= "123 "  > ( k( K6 R% ~7 B6 H9 x- q
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 / ^8 r5 q9 }$ L- T0 Q, w" v
<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>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> ' A% [; X" n9 j2 G. B. |1 M
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> % d* S1 ~( o9 f0 Q* |8 X& W7 l
<input type=button value=关闭 onclick=hh3.Click()> + `  Z9 Y6 U5 J9 ?3 E8 O  g
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>   n8 n% b2 e* _: X4 j) x1 e- ]7 d
function look(){ 1 [+ z6 l3 A. Q2 y
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script> ! w# }9 V  q) U$ T
18. 网页不会被缓存 9 m+ s5 u, _( F% s
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">   v; b0 S! r! m) Z) P
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ 8 r- t$ L" s7 }" g* {: {
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea> 3 T2 I- I$ t; P" _
20. <div> <span> & <layer> 的区别？ + H* ?2 J# P0 @3 E
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> + b3 h8 r$ ^! b2 u* B# G
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> 6 ~. K1 E' S7 Q2 X' T6 t
</body> 1 W0 K) P7 p! D, g7 h
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body> # @9 l: _2 M3 U7 O! t
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> ( Q) T. A# I5 L  g, h/ {5 y
<input type=submit> / I+ w4 W8 ^3 |: b/ o$ `# f/ ?% j
</form> 0 K3 Y8 K  i* a2 V: x
25.在打开的子窗口刷新父窗口的代码里如何写？ ; ^# Q" Z# M+ G& m4 P" a5 s
window.opener.location.reload()
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  > ; i5 V) @1 Y+ T4 I$ y3 D( u
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 2 {1 P+ x. j# t, d) p" R
<STYLE>
body , R$ l/ W, o) s) Y/ r
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成 # S) M) u6 v4 D! H" c
<script language= "Javascript ">  </script> ; C. p; ~7 j9 _9 Z$ e" h- w* c
29. 获得一个窗口的大小 , H/ n& r$ ^' v* l0 ~4 c; l; {. N
document.body.clientWidth; document.body.clientHeight + Q6 Y/ R5 F. h& h
30. 怎么判断是否是字符 4 ^: A& j1 U& C9 t% i* l  e
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); ) L! _7 ^5 U5 {) X4 M5 C' f
else alert( "全是字符 "); ( |: v. Z1 v0 q
31.TEXTAREA自适应文字行数的多少 1 `5 c# B! K; Y( [: g
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript> # ~# b6 u1 i, b& a; n  c, B; G
function cc(dd,dadd) 7 A: c9 M7 W. u# T3 G$ ^6 l* w5 F, [
{
//可以加上错误处理
var a = new Date(dd) / F/ w% ^. q  v
a = a.valueOf() 0 j1 ?9 \( N7 t: u- }+ i1 B: W. k
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2)
</script> 4 M% N1 K- i7 }; L  C
33. 选择了哪一个Radio 0 ]/ [, I+ N, o/ N% P* b4 Y/ S
<HTML> <script language= "vbscript "> $ S2 }  y) N: v& s) m
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value / A9 }; m- U9 p7 w$ M
next 5 G9 w, ?" W/ ]$ R2 S8 p
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style 5 T& d; @2 U! Q+ n% W3 y
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode & _+ B5 j1 x) x' {  \' H9 d
<INPUT type= "button " value= "check "  > , @8 D0 y8 ~" ]
</BODY> </HTML>
34.脚本永不出错 + G& y. F- N" `2 p
<SCRIPT LANGUAGE= "JavaScript ">
 $ G( w0 I* b  E# O# K2 J
</SCRIPT> , j* B9 A& w; }' Q& @! w
35.ENTER键可以让光标移到下一个输入框
<input  > 1 }- O  [& m! a
36. 检测某个网站的链接速度： ' K! R; h5 n7 P3 f
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1 1 j/ z! w" b3 T' Z  a5 @
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " 3 x# I+ r+ z6 A( l/ B2 g, }
autourl[3]= "www.sina.com.cn " # S0 I  W7 H! F
autourl[4]= "www.nuaa.edu.cn " 2 G1 G$ c. M  M
autourl[5]= "www.cctv.com "
function butt(){ 9 V- h) X, [7 [, o
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) 6 Q' P2 X: `  n8 l1 K, m& J' F
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/> ")
document.write( " <input type=submit value=刷新> </form> ")
} " v8 Q( S) s; E- s
butt() ' H; z% k) @) ^8 `) ~. I
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
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script>
37. 各种样式的光标
auto ：标准光标 - K0 U/ N' s5 u/ `0 x( k
default ：标准箭头 8 `) v7 d3 i& D7 y# ^+ ~6 o* F! G
hand ：手形光标 # D0 U$ h( A' p5 E" G/ ]9 ]
wait ：等待光标
text ：I形光标 ! v. f3 x! z; _8 P$ B5 B% K
vertical-text ：水平I形光标 5 C/ z# F* i. b" t) f6 A
no-drop ：不可拖动光标 , `% f, O" d# g- E: b  {
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 2 z: r0 p. _, d/ b, M+ R, X; o9 E
move ：移动标
crosshair ：十字标
e-resize - l4 g; _- @4 P2 Z& ]' O. f4 [2 {$ G
n-resize
nw-resize $ f9 W- ]* |/ _, f+ g
w-resize + }" B) ?0 R, |) @) f% A$ y
s-resize
se-resize - e- @# q9 J( t0 ?
sw-resize 0 G; V, I3 A# q
38.页面进入和退出的特效 ! j) R& q( q, h( Y; [' _; h# p
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    / D) r/ A( i! ]) L* a! ?- V
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 2 X' j$ s: s% L+ U& X+ X4 [
　　1 矩形扩大 9 _* B; H0 V  [7 l0 C" _
　　2 圆形缩小
　　3 圆形扩大 - B, x2 z" p4 z0 Q  S/ W: I( K
　　4 下到上刷新 1 W' `4 N8 j8 H
　　5 上到下刷新 5 u: Z" k( P# B3 i9 f* o& L
　　6 左到右刷新
　　7 右到左刷新 & ^0 j$ Z# ?- ]9 @7 g2 v
　　8 竖百叶窗 ) O/ J# U  h  h$ X; F1 l4 O3 r
　　9 横百叶窗 # v" L2 F/ }7 Y2 j5 `
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散 % J/ s% H7 U1 g6 A
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下 8 B; `- l4 C+ z+ b+ E% N
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条 - u" O* V+ k+ N+ ^) E
　　23 以上22种随机选择一种 + `5 ^' X3 g; i8 m+ _# ^% J$ q+ C" ?
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> ) y' u3 u7 \. w, y
40.网页是否被检索 1 P: S0 X" D) L* L# r
<meta name= "ROBOTS " content= "属性值 "> 6 j4 m* ~- |% n7 a
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； $ m% x7 L  [) Y' U8 q* `6 {
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ + j% |5 O7 L6 H2 Q- h. j5 \. Q
<script language= "JavaScript ">
 3 |, X9 H0 q$ f% w
</script> / q& P( L  Y8 Z2 ]; Z( z

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 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>
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> 7 Z3 e; g! l8 j8 v/ w4 ]
</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> 3 a9 P4 v/ X- @) c
</div>
<a href= "# "  > menu </a>   r, s9 {6 b! V3 r- }
<form>
<select> <option> A form selection list </option> </select> 7 r. X% a# m4 }  A0 C
</form> $ b  B, L7 ~2 s, W0 _4 ]8 U
输入框也可以做的很漂亮了 ( R7 W0 f- j0 N4 f( x9 T- {
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input
         name=answer 2 V0 N. p# ]" x& F( n8 l
         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
         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) "> : G7 e% o3 l1 i; s. k; ~
                     <br/>
                     总得分:
                     <input 3 ~- o3 o2 g6 K+ F; `, H8 ]
         name=score id= "score " 3 Y1 |* n' n( h' 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) "> 4 N& v9 E" L# o
                     　结　　　　论:
                     <input
         name=xgjg id= "xgjg " + c, g# D2 h4 \$ U! Z9 }  Z; y6 D2 ?
         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) "> & K2 q! C9 [9 w$ R8 h
                     <br/> - b  e# Q# d" W' l
                     <br/> 7 p7 k" B( ]1 L% E1 D# Y

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> 5 p, z) m' ?2 T9 ^- [
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 " A* C- f/ r" Y+ E  \! U
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 9 n/ s, n5 @6 ?& b# U3 p! M( _9 g
                     <param name= "Command " value= "Minimize "> 4 w3 Z6 ]! `4 K# ~1 W1 Y3 R# C
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object>
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 3 A; @. x+ c& p
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 + F+ u8 v2 s# U* Y. @+ {5 @6 J
页面自动关闭
5000是指时间 <body  > + o. A/ I; v# u* R% l7 U
弹出窗口自动关闭 2 u! g; L, o8 Q: W1 F2 L0 _7 b! k
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> $ x7 h7 z9 r+ \/ J( B: M$ _( [; r
head
<script language= "JavaScript ">

</script>
<body> 注意：这段代码是在新建文件中的 2 _0 A' d* M- R( v  R8 g
<script language= "JavaScript "> $ R2 b* [& k3 b' J4 O$ n2 W" Q
  function closeit() 6 x' k' E3 @# a! c$ u1 R
  </script> * A" J0 K' ]0 D% {) c" h4 c3 i
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 / s* S. A" e9 T& y2 Q/ ?3 W" d+ S
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数