另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 ( B' g9 f5 R; }5 s8 u
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table ! G# ^/ Y: V6 ^& O3 e) y# D: Y. }' c
2. <body  > 取消选取、防止复制 ( P" y4 s, C$ t$ c
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 7 V  w! F0 ]5 H
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 $ C" ~- X* N% {  p
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 2 F5 X" p: Y/ J6 d, f
<script language= "JavaScript ">  </script> # A6 o$ v* C- r- [8 Y; S' g
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> ) c2 E( X3 F, ^: r+ F: [2 {# w
10. 网页将不能被另存为 8 I: x9 y) H0 F1 K2 f1 ~
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> - e' G+ \% r: O2 u  m
11. <input type=button value=查看网页源代码    U6 A( T. X+ _/ l6 @+ B3 g0 A
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript % q: a2 R8 E( }2 B) g5 z6 `) s. T
<script language= "Javascript "> ) b, p* C3 O! [0 ~. E. g
function getIE(e){ : J1 {8 e4 e" k% d( C8 |
var t=e.offsetTop;
var l=e.offsetLeft; ( `( h7 `  ]3 W# F
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); " m9 b. H0 m  Y3 D# G( c
}
</script> 6 X$ j/ S  [' t: H/ G7 G! l; [
//VBScript ; I. [: m3 q. s" C+ X" l
<script language= "VBScript ">  </script> / b( W3 @+ `) v- L
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc() . @( A; I' C% ~0 |2 V5 \9 Y, z
{
var e = event.srcElement;
var r =e.createTextRange(); ' D' a& I  K) f6 S  _! P8 S5 A
r.moveStart( "character ",e.value.length);
r.collapse(true); 1 _8 a. V3 m5 X2 Y
r.select(); ; x2 u+ t* f6 X
} , F* B, p6 h: F4 B! R9 p
</script> * C- V3 q. J3 ]% V
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源
javascript:   u& j/ m: t, z6 w1 z
document.referrer / h' G( H' g$ ~/ a3 J9 b
16. 最小化、最大化、关闭窗口
<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> - Y- [: d6 [* S& A5 ]
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> ( T5 P4 F8 M) W
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> % s! v" \/ A1 a
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE , r5 D0 l' `* ?: J$ S
17.屏蔽功能键Shift,Alt,Ctrl & S1 l# p$ l5 k. O9 c
<script>
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 0 }8 |+ C8 Y0 o! N" B( B& G
}
document.onkeydown=look; 2 B( v9 I3 O7 O& R* d
</script> ! r0 t: E+ L' S8 L" z. \
18. 网页不会被缓存 9 n: `/ O% D0 x/ W2 D% G5 _
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> , P1 m& }) \" t
<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 "> 0 z( N' y0 ^8 R! O  y$ k1 Q7 T
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> " f/ w" j) r+ C# u* B! m' r# }7 y+ s0 v
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 8 |6 k0 \- |3 e$ b
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> + j. g! N3 J% Q& A" E
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? 0 F8 Q. v+ Q! `- R/ |
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body> 8 a. Q0 {# b* `
让横条没有: & P8 e0 ^" F$ j0 M
<body style= "overflow:scroll;overflow-x:hidden "> : c9 Y5 l9 w& s8 i, i
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body> 8 b2 e+ F$ L* \8 u
23.怎样去掉图片链接点击后，图片周围的虚线？ , G4 d/ V$ d7 v, B
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> ) j0 d& R3 a9 N0 F) }) u& k
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 9 n% w5 w3 R# ]$ I" ^' m5 o
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ 4 |+ Z. @3 u* u3 D7 f4 F9 l" T
window.opener.location.reload()
26.如何设定打开页面的大小 ' _- f  A. m5 J5 H6 Y9 R! Z, Z
<body  > ; v$ X" N$ X  b6 `6 L0 N5 L
打开页面的位置 <body  > ! z* b: O8 X3 ~6 J, o" N; [
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 , l4 d$ F$ w! M  D) q0 w
<STYLE> 3 L2 a% Y) u; E! d) O9 M
body / C, S( H4 f9 c, K& O8 C; [
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} / \9 @: d' L8 Q
</STYLE> 1 g3 w4 L# j5 G
28. 检查一段字符串是否全由数字组成 % W) u3 k- \) K* E/ \$ Q/ O+ o. w
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight 8 f, R5 m7 m) U$ y3 z3 G( X
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); 3 G, T5 W4 k9 f
31.TEXTAREA自适应文字行数的多少 ) E9 `* d# d( i
<textarea rows=1 name=s1 cols=27  >
</textarea> 2 v% ?' b2 r7 ^; U( L# s
32. 日期减去天数等于第二个日期 / h# N5 ^5 E4 v! y' J  C
<script language=Javascript>
function cc(dd,dadd) 3 w/ K: F$ O2 I7 C9 B
{ ' d& Q  o$ ^" {& ^4 y
//可以加上错误处理 + ]8 F$ k1 l+ J! D2 j
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 3 s& D, l+ y1 k' X' S0 E' K
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} / u  F! F% A( v+ C7 [
cc( "12/23/2002 ",2) 1 m1 f7 ?! o3 F: }, J) y& Y8 ]# s
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1 ( {9 x1 Q. Q: U- b+ I3 s
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> " y0 N& T8 f6 J5 ?7 e: Z
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> $ P6 f! K6 l9 @0 h3 q
 ; g4 x' q) M$ O' N; C
</SCRIPT> # U0 L" V7 N8 Q9 n
35.ENTER键可以让光标移到下一个输入框 / P/ f9 b! Q* {
<input  >
36. 检测某个网站的链接速度： " l: a$ f- j/ \0 v' F! y5 j
把如下代码加入 <body> 区域中: 1 X9 N! Q  |3 \: {* f
<script language=Javascript>
tim=1 # n; s/ x% f. j2 w+ {" }. k- E
setInterval( "tim++ ",100)
b=1 ; n; j9 k) s# w
var autourl=new Array()
autourl[1]= "www.njcatv.net " ) o4 b) W5 T# J4 a- \3 n  H+ }
autourl[2]= "javacool.3322.net " , p! T  O9 T" o8 O8 F; b
autourl[3]= "www.sina.com.cn " 6 }5 ~* J2 K5 j1 m8 L6 [
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " 3 D5 R% C. U, l" l
function butt(){
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 6 h9 [$ M( F# r
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") $ M8 P& b/ O1 U5 J  q
document.write( " <input type=submit value=刷新> </form> ") . {7 d: B) o  X7 n+ ?: A8 V
} / s- z6 m4 v3 k6 A+ o' ?- N
butt()
function auto(url) % B/ @$ b8 k* R
else 2 X- K* p# N9 j2 W* J
b++
} # i; T. ]' m% h6 e
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 8 F1 Q5 e- A- z  k- C/ n$ H3 r0 l
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script>
37. 各种样式的光标 8 a; L1 U0 i% Q, @( {9 l1 G
auto ：标准光标 6 h3 D6 _$ c: H) @% u( Q, S/ v4 z
default ：标准箭头 6 f. Q: c7 @+ X8 g
hand ：手形光标
wait ：等待光标 / I! K; s6 l, G3 k
text ：I形光标
vertical-text ：水平I形光标 3 f! M& ]! Z$ L& x( o
no-drop ：不可拖动光标 & L* [5 z/ D4 p9 y- d
not-allowed ：无效光标
help ：?帮助光标 & M: Y: U' _8 k# \
all-scroll ：三角方向标 9 D7 ?) H' S: W& @
move ：移动标
crosshair ：十字标 - D  ?$ {( d4 X. n! m- B2 y
e-resize 4 Y. v- `& X. r! q# K: o" ]1 x
n-resize
nw-resize
w-resize - L% U; j: z  M' \& x
s-resize 0 r/ N) s7 N: a+ z, {. c9 d, m5 v8 p
se-resize 6 W* [: S" k" |9 _% |1 x
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 6 o3 A9 q6 v4 a4 U
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    6 ^& y/ Z" x0 J7 I  B' I) J1 ~# j
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大 & Z$ n2 \) q% \* J- _
　　2 圆形缩小 # S5 P3 Q' n* K8 u  z/ |6 b
　　3 圆形扩大
　　4 下到上刷新 ! i0 V0 F7 C: y( B7 c
　　5 上到下刷新 1 g4 u. t  |5 Y! g- ]2 }/ Z
　　6 左到右刷新 3 s  W; ~$ @5 c
　　7 右到左刷新
　　8 竖百叶窗 . v: v* b0 Q; P1 n
　　9 横百叶窗    o$ Q/ _* J' v. C6 V3 b
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新 9 C! @. q9 G5 `0 k# Y
　　14 中间到左右刷新
　　15 中间到上下 1 l! I2 R, f0 C1 f
　　16 上下到中间
　　17 右下到左上 + r5 M/ x- K' V2 S" V0 ]
　　18 右上到左下 1 u# r7 @4 l0 }* ]! T
　　19 左上到右下 + Y8 p4 S/ x. x% w3 |9 U
　　20 左下到右上 0 Q3 ]2 g8 p3 [  O
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种 3 i. b0 |6 d5 s1 `
39.在规定时间内跳转 ; a5 i% m4 Y3 e1 w# I; h. F" \
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> & |, g+ V: m9 p' U5 B
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> 4 @: |8 S+ _0 `* @/ I3 |+ x3 M
　　其中属性值有以下一些: : m0 ?5 H+ L  E6 n1 v2 o
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ; P% W1 p+ x( _) n
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 4 H# X3 j6 a& ~. `* z% ~
　　属性值为 "index ": 文件将被检索； ( S9 Q4 n1 k1 t. l* i
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； " I  z( F. l  l
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">
 4 s" j" ~. o% n
</script>

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： ! d' o' r* A3 K/ C7 y( k) Q! D: n% T
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> ' V3 c2 |6 s  g; m; h
<table>
<tr> <td> item 1 </td> </tr> 1 c( B% x& [% \) ~# T3 s  n! E
<tr> <td> item 2 </td> </tr> : u& B/ e: H8 ^9 q. }& B! x
<tr> <td> item 3 </td> </tr> " l, N0 e+ ^0 X: a6 B
<tr> <td> item 4 </td> </tr> + X% Z( ~+ |, I
<tr> <td> item 5 </td> </tr>
</table> 5 u" R9 _: M( x: a  w
<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>   I( b% C, V$ A
</div> 7 z& d( i6 q- h) S/ B
<a href= "# "  > menu </a> " w# S( D3 s3 t& J- k
<form>
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了 9 X4 Z+ D4 O$ d  z: x
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> , V$ ?1 R* L% }4 y! [
                        外向数： <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) "> 2 t; g& |3 Y; V/ t& s
                     　没回答的题数： <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/> + S+ R& [: q% m4 [. d' C9 f; n
                     总得分:
                     <input
         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) ">
                     　结　　　　论:
                     <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) ">
                     <br/>
                     <br/> ) ^; A: r( F5 r/ |  d$ O0 K( x6 ^' {9 `

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> & E: f4 o+ n$ C7 |! r' D
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> - R& X' E& E$ A9 A+ I
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> $ x" d2 F8 l0 A  Q& n* T
                     <param name= "Command " value= "Minimize "> 9 J% }  T: {# T
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> : l( G7 p; D8 c2 i/ ~
                     <param name= "Command " value= "Maximize ">
                  </object>
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面.   L3 l7 M4 Z: W8 G
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 : w: |5 h2 W& k" S% ~7 {/ A
页面自动关闭 - u! P! w$ c3 {% j  Z
5000是指时间 <body  > : ~& H; v( ^1 S  F, J1 `* ~1 p
弹出窗口自动关闭
10秒后弹出窗口自动关闭 " B% H( @: s/ R8 t$ e6 s# G
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 0 Y  {. ^* d5 w' l4 Q
head
<script language= "JavaScript "> 5 [$ w& a3 ~# m# ^( R9 ~; K

</script>   |9 C- g! n$ ]1 H2 _
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit() 5 e8 K* W% ~9 E# z% r' S
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> ; N8 c. i1 ^% c! \
</object>

1 评分人数