另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 $ R7 a1 S; t6 y' G0 i
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴 * b' n( H$ h' w- n4 ^
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 ; v! _+ O7 |! a( U! l( v
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 * e. Q" y; v9 |8 U4 X- {
<script language= "JavaScript ">  </script>
9. 防止被人frame ' Q+ U" m% ~6 H$ W( b9 v
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> " R( e+ ]/ Z& l5 \1 a  ]
10. 网页将不能被另存为 4 r& f% U1 ^7 T7 c! O1 t6 ^
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> * Q9 ^) ^, A) q3 N; x5 `
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> ; w% C, j7 T. S  S9 @- G/ N4 G+ C
13. 取得控件的绝对位置 4 y3 V1 ^9 I# s5 p1 `! |: a& [- U
//Javascript
<script language= "Javascript "> 2 q8 e- f! A5 t4 A% C+ t
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft; 6 ^4 r- b1 w; L) Z( M
while(e=e.offsetParent) / O. L6 e5 L( A
alert( "top= "+t+ "/nleft= "+l); : h( s& Y* R0 _4 T
}
</script>
//VBScript 5 h4 r) j6 O$ k
<script language= "VBScript ">  </script>   R& m  B* O" ]5 `# Q1 k4 d: P) E) l
14. 光标是停在文本框文字的最后
<script language= "javascript "> 4 L1 L  a4 v5 Q3 g5 L3 t/ Y) w
function cc()
{ ( o. P: W# k7 G/ b! C) c
var e = event.srcElement; % t" K& t9 j3 T; q
var r =e.createTextRange(); 6 e  K6 q* v7 }0 V1 J4 W
r.moveStart( "character ",e.value.length); 0 G  `" ^+ n& i: u% K
r.collapse(true);
r.select(); 3 d0 a, a! D$ _* o. }! ~5 \' j
} % \# W0 ?; L- W
</script> * t1 o8 I1 t; n# P7 m( h
<input type=text name=text1 value= "123 "  > / a' Z: D7 y: [# v  j7 r: V  H: V
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> & w0 R3 k& L! v9 X
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 4 Z: C$ k8 A* z& k# h( H# D; y$ f
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 8 }7 ]. V+ P( q8 K* G
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 0 u5 D/ U7 o0 C9 F3 T" {# s
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> + R% F5 h" ?( y! c+ ?2 C
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE ( o9 x! ?, \0 I: A$ }+ a- |
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 0 u0 R  v' @, b& X: Q& N
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} 4 }0 ~; r" D3 v) l2 k
document.onkeydown=look;    t* @* F( i6 }6 B+ Y
</script>   \) O7 p# n, Y( R* H# K7 _
18. 网页不会被缓存 / _& _) R1 P. D) l  ^- T) `
<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 "> " [9 I$ {# \. S1 x
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> $ I2 y' q8 L, s; c; U7 [
19.怎样让表单没有凹凸感？ 2 q3 S7 G3 W* z$ b- D4 P
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: & _0 I3 ^# N) k5 D, V
1 solid #000000 "> </textarea> 8 K- S! O5 c: D; _  T6 S
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> . a9 n% B; n  u5 _& e2 A$ [1 [
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条?    U; X2 T% N0 h: I& `
让竖条没有: 9 b% Y2 W" C/ k: e5 }' U/ {
<body style= "overflow:scroll;overflow-y:hidden "> 6 i. J8 Z1 E7 r. G4 u' _
</body> 5 i- t/ c$ U( L
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> % V9 t- [! [, v+ w: S
</body> % E" p( T: m( C6 A+ w0 F) ?# \
两个都去掉？更简单了 6 G+ ?! y3 G9 D5 i, S+ ?
<body scroll= "no ">
</body> " g9 D, V/ ~% y) K/ ~5 k" e+ ]5 Q! ?
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 9 M; @. z' J5 u4 u
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小
<body  > ' \- a% r. \  A* W" h  V  ~& g3 f. W1 m
打开页面的位置 <body  > 4 r) h& G$ V  n
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; & d; v2 ]; G/ U+ l" G8 q
background-position:center;background-attachment: fixed}
</STYLE> - o: o# M- E4 p; K' R/ O
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> / ^) O% u- R. f
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 ' _, X' O/ R; e1 M7 N; l* o6 W
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); , x! U+ O: i4 P5 A" n
else alert( "全是字符 "); ' R" |  e2 m! r3 @
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > : q1 j7 \4 K' w! t% K
</textarea> , W8 a% t! Y% P& q- Q
32. 日期减去天数等于第二个日期 2 Y2 x- t# x; `; K
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd) * T: M5 u* N; S8 k% u
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")   K' M7 R1 i+ @+ c$ Y( }0 h6 i
} 4 u7 K8 E6 z! o
cc( "12/23/2002 ",2) 3 O9 q7 ]$ y1 r: R- B+ m; h: F
</script> 2 H* F% T* P( Z7 r  J
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next - b* i! I$ m. b  ~' W6 @' F/ W3 }
end function . x3 K. ^5 X% ?" V$ U
</script> <BODY> 7 H" b8 q3 `; Y* Q) }6 _: y- y
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style ! Z* k4 H/ z9 `/ I: j7 M+ C
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 6 _+ }/ [/ ?5 E+ R
<INPUT type= "button " value= "check "  > 4 x% X% Y4 H) J9 f# C+ X
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> % l( {( c' W+ _+ o% ^& y" p! S

</SCRIPT> , O7 ?) K( Z# T1 N
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： 5 g! I5 W5 e; t+ x$ R
把如下代码加入 <body> 区域中: : g9 ]& o) e' S9 O5 B: n
<script language=Javascript> * o9 @6 x3 \1 ~1 T7 X3 N$ O
tim=1 # ]- \7 u! D! C* w/ ]( M
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " : T6 h, b1 p2 o
autourl[4]= "www.nuaa.edu.cn " ( B: b4 u+ Q/ Q
autourl[5]= "www.cctv.com " 8 V4 G' j. E' S4 N. m/ R4 {
function butt(){
document.write( " <form name=autof> ")
for(var i=1;i <autourl.length;i++) * C( m. ^3 h& u; p
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> ")
}
butt() ( Y4 D+ _% v* k  E
function auto(url) # |! f6 A! I6 L# ^$ Y. p
else + I) Z) W) w' o$ u5 ?
b++
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 8 ~& u: ?9 e8 k
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script> & `8 N; ^0 |: v! u
37. 各种样式的光标   a5 o. L3 h2 L2 T& ?% o0 G
auto ：标准光标
default ：标准箭头 % s* V( [7 Z9 {, r  ^
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标 6 y* r1 {: t- I" m
no-drop ：不可拖动光标 5 R9 E: Q. P: L
not-allowed ：无效光标 ) D  `0 x* W9 |) K
help ：?帮助光标
all-scroll ：三角方向标 ' R7 @3 J! T9 {; F& }% ?. \9 O
move ：移动标
crosshair ：十字标
e-resize 3 g) [' m  \& q4 G6 W; b; _3 Q
n-resize
nw-resize $ \0 [! F1 E- o( j+ J  O; l+ Q: Q
w-resize 5 ?  _5 u$ _5 |0 }- L8 u
s-resize
se-resize 4 O  Z: e% g- V! o/ K7 K
sw-resize ) ]3 ~# ^% n: k2 d! H
38.页面进入和退出的特效 9 G! y* g' F: C( m0 ^
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> * k9 {4 h0 q! ~. h. a: Y
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: / z/ J* H% ~* Z3 e! M3 D5 W8 `
　　0 矩形缩小 . w7 `6 I% m5 s% R4 s7 E) o
　　1 矩形扩大 - F( ^# r% J6 L9 b" k" v0 ~% A/ _  |
　　2 圆形缩小 ' }+ |$ l4 Y' G% p7 m4 Z
　　3 圆形扩大 , e) R; y$ g* M% |7 _
　　4 下到上刷新
　　5 上到下刷新 . q3 U# M1 b, |4 j8 l& g, }3 d# j
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗 + X" v3 K& A6 k* i* F0 ~1 M0 T
　　10 错位横百叶窗 8 F. i% n% n3 P
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新 ) y* A7 E6 A8 z1 n2 h+ a, B/ f
　　14 中间到左右刷新 1 E' p$ U, A" R# j, U& |
　　15 中间到上下 - P1 Q2 i$ B5 l! q; C! _
　　16 上下到中间 3 P, t, L0 n0 [9 V) Y
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上 ' u* @: f* j- t8 T( `* r
　　21 横条 ! {) p3 P( ~" u6 j) B
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 6 r7 x# Q& ]2 h2 F( Y: A$ G
40.网页是否被检索   r( D0 @: R  }3 r+ I% F+ g) o
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: 3 ^% B% R3 X, M0 d& Q; u* [) p
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； 6 `8 B; p0 n- g8 Z* l1 \
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript "> " w; J9 b1 P5 _7 e: O& }

</script>
( W3 S( g+ c) K! y6 p! p
  f$ S6 ~8 `  o0 H2 c1 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> ' `5 V3 Z8 ~% S9 n+ j5 Y
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> ( Y3 d& {. W8 n& Q7 \5 S
</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> ) E% B9 c/ i5 v7 Q
<a href= "# "  > menu </a>
<form>   Y' y' m% ?6 Z# ^2 P. P- D
<select> <option> A form selection list </option> </select> 0 P# }5 e1 B% W( d+ r% D
</form> $ F) `7 Q) T' A. L. |
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> ; O# X% K$ n4 i7 V, i8 u
                        外向数： <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) ">
                     　没回答的题数： <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/> / y8 G6 @$ h* R' C8 j3 `1 r  x
                     总得分:
                     <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 " + |. k. p3 ^9 C
         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) "> - B) b, |, m# {+ x
                     <br/>
                     <br/>
                     * E% D$ m' Q* z0 C7 r6 t; I6 v
                     <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  > 即为打开最大 # @7 K# Q: k. b$ C- u, A; B) k
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 / m( m, c& C" p) X* C
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> " {5 E( A9 g' J5 m' x* s
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 9 I* l7 j$ }+ b5 p* v
                     <param name= "Command " value= "Maximize ">
                  </object>
</body>
页面自动刷新（说明） " Y, j- b  i* Q4 N# g2 B" c
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 4 o( d3 v1 h# t+ S2 B( Y/ ^
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. ( y' M( h& I; I, x
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 4 A3 q7 A5 f0 t: d  F& \9 x
页面自动关闭 % Q3 I: F# z, ?4 b9 |0 _
5000是指时间 <body  >
弹出窗口自动关闭 2 w* X  U  W$ `
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> / b8 b! l) V5 L! J
head
<script language= "JavaScript "> # u" `) y$ l$ X- ^. ]* u  m
 * S; U( ^% p7 U, \* h; `; u
</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> 1 k# p/ b8 b1 `3 q* V- x) [
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> 1 K* j6 K! Q5 C  N' B' K
</object>

1 评分人数