另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table ' E  v# t  C. c- I. \
2. <body  > 取消选取、防止复制
3.    不准粘贴 ; ]9 o) l) p  i' x+ U8 a
4.    防止复制 . L% t1 x1 C' V$ f0 K
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 + y* z# k" v) Q! t' U5 F; N
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 $ k& t; X& h. s$ {+ F  }
8. 永远都会带着框架 6 `5 i# e% Y1 K2 \6 N; w
<script language= "JavaScript ">  </script> + {8 T, U! }3 h/ r5 U
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> ' o$ L. m9 [5 k5 C
10. 网页将不能被另存为 . I  G! u2 H$ r7 Q: v$ D( A$ R
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> * Q. j5 I& G! o8 X
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> ' ^  I1 j/ K+ |1 b3 ^9 e4 s& G4 G' {
12.删除时确认 ; C! |' }8 j% ~# J' s$ i5 U
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop; 9 l1 h* B, S. e
var l=e.offsetLeft; . b2 B) U4 C  f$ |5 m" K5 G
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); , N5 I: V3 ?, S# p
} * e& e1 l: J8 x* V
</script> , w: c6 ?1 O, f: g! g" i
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 5 E1 C# u5 x3 `
<script language= "javascript "> - J$ g/ n9 n3 x# H3 H/ C
function cc() 2 b! o' `  Q0 ~/ @% O
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true); ( R6 a  G1 {: U* u  ?, s
r.select();
} 2 J( t! S8 L3 `1 q
</script>
<input type=text name=text1 value= "123 "  > ; ~$ |* R4 t; }: O4 L
15. 判断上一页的来源 * R4 z) c9 {- d; i
javascript: 1 \1 |0 T; u4 Y1 f3 R
document.referrer % X7 ^4 ~8 j, ]. _& C) P" \
16. 最小化、最大化、关闭窗口 0 g/ q3 Y8 ]8 J1 K
<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>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl * d6 |( @- t+ ]
<script> $ g0 t9 Q( F* x  x
function look(){ 4 J2 `, k7 C, F' u$ ]
if(event.shiftKey) 4 P, j5 B' H: X1 G; ^2 J/ U
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 3 C$ ]% l% D# G& I
}
document.onkeydown=look; " q, [% u' |$ D; W) `5 d% x# }
</script> / g" E( n! P7 y
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> / z% D/ D* F5 c/ \) @; j8 g
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 1 ~! _# t7 x- q) L/ O
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> ! X& P$ h( c7 z. ^
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> 9 F7 N  C! z! J1 ~3 |! x5 R4 W
19.怎样让表单没有凹凸感？ & d2 v5 b5 H8 O5 D: d
<input type=text style= "border:1 solid #000000 ">
或 # F. G" M) o7 P' ^
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 7 }& ~0 Y+ t+ b) d! g
1 solid #000000 "> </textarea> $ b; o, [$ `9 r3 F( L# R
20. <div> <span> & <layer> 的区别？ 9 i+ }+ T' \+ ^! S: H1 ?
<div> (division)用来定义大段的页面元素，会产生转行 / u' d7 D  f( g3 ^5 [
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 0 k7 L: k; S: z  H
<layer> 是ns的标记，ie不支持，相当于 <div> 1 D$ ^# @$ D* x% _
21.让弹出窗口总是在最上面:
<body  > 9 ]% V/ P, ?8 p& w. {/ C( A3 q3 C
22.不要滚动条? + x. h" A% L% Q7 m
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> # ]. F+ ^9 k- g# G9 ?1 |
</body> 3 C! G; U: K* y
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> " u6 a2 V4 e( A$ G) Z
</body> % N2 _2 M- S& F0 e  T2 G
两个都去掉？更简单了 : A/ s- |: M  f! B
<body scroll= "no "> / g% N+ r/ n2 x, J1 y& q
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ 2 y/ F. |+ q4 t
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 7 d9 P/ }6 J( C- h4 A! d9 }
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> , I% \& n' Q1 J# a$ n
<input type=submit> 7 S; ]$ Q# [: \8 s- b+ ?; h% p# G
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() ) a3 C4 ?1 u! V2 w
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  > 1 L9 b3 Q$ Z7 y# P  ]# I& \
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body 0 D* G# G$ A) h+ C! u0 Q0 g7 u" L# z
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; " F. I1 o6 @6 A& f6 @! j
background-position:center;background-attachment: fixed} " l% R1 n9 i# y5 j
</STYLE> * k" B" U; @3 C
28. 检查一段字符串是否全由数字组成 9 G% G* Z# D& U0 v( R8 ^- B
<script language= "Javascript ">  </script> 7 ~- u- F, C' _' j  S3 B7 q; P% L+ x/ B
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight , D7 }8 H+ z: P0 J  c; |$ u
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); / A: Y! A$ A' r+ ^9 K
else alert( "全是字符 "); , b& l+ T) H  j5 ~
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > , Z$ Z1 m# Q  p9 L/ g/ ?* b
</textarea> - ~$ }; _. F6 G: ^: F
32. 日期减去天数等于第二个日期 . O& P6 m3 P8 J% m
<script language=Javascript> 8 Q8 c5 [: l/ D- y6 q. O  W8 H
function cc(dd,dadd) $ m) _7 W  K; I1 q1 H; {1 A
{ / L7 \" v! ~; I9 J4 V1 q
//可以加上错误处理 - T2 L3 C9 ]: [! ^) n5 m( k
var a = new Date(dd)
a = a.valueOf() ) x/ }" X8 ?* ?5 u
a = a - dadd * 24 * 60 * 60 * 1000 4 g. p) c- Z6 ?
a = new Date(a) 6 o: I7 q: d& q4 @" T2 [. }1 }
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") - D, ^; y( M' k0 }  H
} 4 H, |" X# {( t9 ~, g( p0 k
cc( "12/23/2002 ",2) : B. ~# S: I. B" F" z; K) T
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1 / ?. _. S; ]9 W6 [
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 "  > 0 k5 y; h1 k! ]) M6 _- I& e) r
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">
 - M4 _; j' v- i8 b6 P: V- p5 g
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: 7 a+ p0 s  G2 |( F5 [
<script language=Javascript> 0 r3 A" \5 s) F/ o# U. G- V
tim=1
setInterval( "tim++ ",100)
b=1   F- L9 P' k, {+ v% S
var autourl=new Array() 2 w3 R/ N+ L- i
autourl[1]= "www.njcatv.net " 1 T3 v$ ]5 v% c! H( S/ s8 `
autourl[2]= "javacool.3322.net " 1 f9 s( K( o/ E1 o( a: {
autourl[3]= "www.sina.com.cn " . G( F0 o4 d3 C! |
autourl[4]= "www.nuaa.edu.cn " 8 O) R; O0 e$ p8 ~* W0 b" Z
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") # ^( U& {- F! T! O% U
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text / S' B7 _. ]: B! s+ S8 z4 o
name=url "+i+ " size=40> =》 <input type=button value=GO ( o& Y1 D- N3 `& `4 `
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") / }! K# p& ]7 q, g7 S
document.write( " <input type=submit value=刷新> </form> ") ' R& W- G1 m- Y/ C# S
} 6 w: c* s* D& t
butt() - w0 P  M  M. p  Q9 L" D
function auto(url)
else 2 f" c7 ^3 A  h) r$ F) M
b++
} % N1 h& k5 U5 p! y0 |( 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+ " ")> ")} ! d4 D  H9 ^% B0 g; f7 I2 H, V/ P3 k& m
run() </script> & d9 J6 R# i% M* U5 p: O  S
37. 各种样式的光标
auto ：标准光标 : I" c( W7 ^8 H
default ：标准箭头
hand ：手形光标
wait ：等待光标   ~0 v( R' s' x0 N0 N( }6 c
text ：I形光标 ' ~( O2 Z' o$ M# E3 b
vertical-text ：水平I形光标 % X- k- _, y1 W, t5 {' I% f
no-drop ：不可拖动光标 ! O: p! n5 S/ X& c( Y
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize 0 i% G$ i) Z2 A+ Q: Y' {8 [
n-resize / Q( I7 Y6 {. R/ P2 o8 g
nw-resize
w-resize - `& V# d3 b- Q4 D' H
s-resize
se-resize . W) G3 _% Y9 d# T+ V$ ]1 f
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 1 \% N5 v) Y& _8 {
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 # [( \0 r5 u# M% O
　　1 矩形扩大 . r- S% D9 i6 d% G
　　2 圆形缩小 5 B* x- P' F& a3 x6 B
　　3 圆形扩大 4 A$ f- T8 G$ }; G
　　4 下到上刷新 1 A1 |; O( l4 @+ d7 j5 n) D
　　5 上到下刷新   y" ?! u! m% {5 A$ D- J
　　6 左到右刷新 * B  l' z- A. w+ t% Z
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗 0 w1 A2 B9 l* m1 M3 ?3 z
　　11 错位竖百叶窗 & N+ n* `- `$ n! L- ]
　　12 点扩散 2 |) b( s/ ]9 J6 P6 V# h
　　13 左右到中间刷新 . v7 D. @2 I- g/ V0 z& \% F0 h+ m
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下 % n5 q! i3 ?2 V8 H. a
　　19 左上到右下    u5 |7 {5 p- `& E  Y' Z& _
　　20 左下到右上 / T6 i6 l: m8 Z" ~8 C
　　21 横条
　　22 竖条 , y# n& [1 E  I2 N" x3 T2 g
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；   P" m% u& E  _! Z
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 6 e4 Q4 w& M# u: v( ~
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 ( F3 Z+ }# d& A+ f. q
最大化窗口？ : G- J: {7 [3 F# d& j$ w+ `, i8 [
<script language= "JavaScript "> 0 a. ^0 V- [6 M& W- O) m& ^
 4 e+ C" T( q: y, Q/ v
</script> ! k) H* \, T2 g$ k

8 y9 Z. U2 M  x# Z' T
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： - W5 s- M" U- e- c
<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> , D5 U' M1 d# u
<tr> <td> item 4 </td> </tr> % q9 _. w/ S7 Z* q4 [" {( X3 e( H
<tr> <td> item 5 </td> </tr> . M0 H, {; Z9 i* F* t& H3 ?
</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> ( U$ s9 l7 y& h0 {
</div> 4 D  }. ?* T: {7 l! _* p1 u$ e
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select>
</form> ( M( T- K9 p5 ~( j8 y
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> ! u+ x& [8 E. G0 ?. Q0 M
                        外向数： <input 2 W8 f" J* _3 m* s. F4 \
         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) ">
                     　没回答的题数： <input $ r5 ?0 e4 c' o7 y/ K6 v
         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/> / i0 L2 o; t+ U
                     总得分: ' t' D, e; Q2 k8 C3 S( Z& q7 \
                     <input ! y% w3 K: D1 g6 o! c8 A$ L
         name=score id= "score " % P# f; M! {% W3 M6 \
         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) "> 8 Q6 L4 X8 p0 C. b- G% d/ n/ U
                     　结　　　　论: $ c/ N: L2 f3 F% i( ^/ [& P
                     <input # y1 E3 G: ?4 C, `; ~1 S% ~
         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) "> ; z: B; T. Y. ~$ r; [- R2 W% o  R
                     <br/> & c$ t3 y: ]+ ^5 n) K& k/ ]8 l
                     <br/>

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> , U" `! j; m+ L* R, k) w
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大   O/ K$ v. p$ a9 {4 }2 i
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> $ P% K, C% c! c6 I( P7 {/ I; K, e
                     <param name= "Command " value= "Minimize "> ) r, ]% C* g, E" y
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 5 T+ t% F0 `: R$ L& y
                     <param name= "Command " value= "Maximize ">
                  </object> ' U2 L' p1 A1 J
</body> & m# n+ w" E* {
页面自动刷新（说明） $ ^8 I' @9 [, X5 `; o+ X
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. & P0 O. d! F8 x! C" V0 K( q) `
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 8 j$ E5 u1 d) n: D' N
页面自动关闭 , ?: ^- A4 l: X" `
5000是指时间 <body  > 6 Y. D/ X& c- t; t; }2 P) O
弹出窗口自动关闭 $ p8 g+ i  f% e" z: E
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> - r" J; v0 o& R- q: O
head : ?4 H, j- U- p" d
<script language= "JavaScript "> " E- [, @; b; V$ s  Z# |. o

</script> / q+ s7 _: Q' Q5 Q6 D, ]; j6 W
<body> 注意：这段代码是在新建文件中的 / ]- w% R  h3 r+ [0 N
<script language= "JavaScript ">
  function closeit() . {/ s+ h# w5 F2 F  @! o; F: Y
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 0 N8 B; N! u7 I1 f/ C7 F
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数