另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 ; J) N% `5 B) N. y' ?/ y
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 - q: ?, k0 O! G
3.    不准粘贴 3 v  D" ~2 x% Z/ P
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 ! @' v* I* Q8 R0 i0 h; E
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script> & u' a& |, ~2 T& t" p
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 2 F8 f* b5 z; }1 Q% ~3 C
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 3 \8 P8 I7 s% N( G6 D. S! L
12.删除时确认 + w' a3 X- Q7 @& m: F
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 ) y$ Y: h2 p5 l  Z, k
//Javascript 1 @' L/ I' q  W% h1 L# o
<script language= "Javascript "> . m, I% h, _6 T7 i
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent) 3 I# p" q) n! D1 O6 @
alert( "top= "+t+ "/nleft= "+l); 7 D( s: d# i" Q* X8 }, |
}
</script> 3 x8 |9 `1 A2 [6 J
//VBScript
<script language= "VBScript ">  </script> 9 J. ]# m1 k2 v
14. 光标是停在文本框文字的最后
<script language= "javascript "> * G# E# {2 t% {" S& J8 e5 d
function cc() 2 M, W9 ^' u8 n' l- s) X
{
var e = event.srcElement; # x3 S# r  P: W* w9 O
var r =e.createTextRange(); 3 H& e5 H( i+ j; U9 J/ l  I7 t
r.moveStart( "character ",e.value.length); % e5 ]; l1 g& Y" f# p& U# D6 A
r.collapse(true); ' ]2 m+ W$ P- A
r.select();
}
</script> 2 U7 d% k7 a2 N! c1 |: b/ n
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 . Y4 q8 U: F  \1 Q
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 % l! n* D% l2 @' f' [! O0 l
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> : S$ g$ c# R" Z/ A6 b% \7 o( A
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> , S, {7 P) g( ]- E
<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()> , T6 K+ I1 d5 |
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> 3 t! ~8 S+ D" x9 R
function look(){ ; V; q; A% J! v# k' T7 t. f
if(event.shiftKey) % x& F2 h$ d; s! D
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script> 5 u# r  ^* _/ b$ |% G
18. 网页不会被缓存 - X- x* e( `3 t" s: _, ]. ~- w- ?, F
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> / ?& n0 O$ d7 c. E+ Z# ^' F
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> # [% \& b  J7 U0 f# z* A/ @
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> % I9 z* B, _  v! c/ V+ g. [
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> - h! J6 G4 E3 d( Y: Y7 F5 z' m' d' l
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ " ]+ W3 W- N. W8 Y+ K
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 1 _3 d4 T, i9 \; L8 ]' {: O
<layer> 是ns的标记，ie不支持，相当于 <div> ( }" \4 I' k( M& y5 }$ [, @! q
21.让弹出窗口总是在最上面:
<body  > - \0 l5 l2 X5 a' ]: H
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body>    _3 ]9 E4 d) q( d
让横条没有: ' I) Z3 F8 o1 H# J% S4 Z
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了 / G0 P! H7 R. {2 [; q
<body scroll= "no "> ' U- O, E. L5 \+ p8 d4 g; j( }
</body> / X3 L# L1 [, N) d' t) a
23.怎样去掉图片链接点击后，图片周围的虚线？ 8 m. n. I; H! _: g# }2 N. b/ R& A
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 5 L3 w$ j* n$ p- J2 K! n- g
24.电子邮件处理提交表单 % @, q# U. _4 U, B
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() ) E9 G9 o' Q. R" }( B; e0 M" q7 Y
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  > 3 c) \8 }6 x+ h3 ?5 T
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 ; M; ^6 a0 q8 Q7 P  T5 ^
<STYLE> ' r& ]1 Z( P+ P6 Z7 {/ `5 Q3 F* C
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; ( d8 Z0 p$ @& Y5 l1 o
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成 # Y' o$ _* g8 n1 M7 I) X* \3 l
<script language= "Javascript ">  </script> + l8 I+ {3 D; C
29. 获得一个窗口的大小 : w4 m! V& o' N5 a: w  K  Q
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 - u2 [  {: \. Z+ r/ R
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); % w6 y- i& N' B: [
else alert( "全是字符 "); % \+ ~% ?: Y# ?, M$ m0 A, d
31.TEXTAREA自适应文字行数的多少 6 E# B! d+ z. H7 ~
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd) " u* W$ q. h" h) h5 Y9 Q
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf() & e$ {5 b  ~5 z( _! w: Q
a = a - dadd * 24 * 60 * 60 * 1000 + B( Y; u( T, u8 [, t+ D
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style 4 V, j' E1 n; d; ?
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML> $ ~0 S/ E7 \8 p0 Y5 V
34.脚本永不出错 0 K; O: X3 t9 e! o8 X5 n
<SCRIPT LANGUAGE= "JavaScript "> 5 N3 N3 S7 U; G$ w
 0 I2 l, t( ]6 O$ M! u4 k3 g& `
</SCRIPT> 3 ]% e* A1 O8 p+ Z
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： 6 M5 h4 e, P' D8 O$ V' G
把如下代码加入 <body> 区域中:
<script language=Javascript> $ i2 ]( X) |+ u
tim=1
setInterval( "tim++ ",100) 8 r5 P4 K# }/ t. p/ L$ {4 z2 d/ e: a
b=1 1 m& Y1 b& d" [3 V' k
var autourl=new Array()
autourl[1]= "www.njcatv.net "   Y. s: c$ H* {8 M
autourl[2]= "javacool.3322.net " ; K  x) s( Q9 N, k! q/ V% j' I
autourl[3]= "www.sina.com.cn " 6 n6 n- m9 ~3 Z- h& V5 o
autourl[4]= "www.nuaa.edu.cn " 6 v6 M- }" q5 v& c/ G
autourl[5]= "www.cctv.com " . b8 E9 x' O7 v' f# h
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
name=url "+i+ " size=40> =》 <input type=button value=GO ' D$ P' K' {# Z6 n+ [) C6 q) Z1 G( ?
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ") # j* N  P( J5 \, l4 m1 h% N5 k
} - t; p1 ?& D5 s) M) j. Y* K" p
butt() % x2 U$ A# c7 r/ l3 H: U
function auto(url) & i" c# v# H, Q( B$ s- u; N1 _/ O
else
b++ $ I+ \" a/ t) K0 V4 o- W
}
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+ " ")> ")} 8 t( g) k6 Y4 z9 e" E4 u9 q
run() </script>
37. 各种样式的光标
auto ：标准光标 ) U8 P2 j& n7 E" T
default ：标准箭头
hand ：手形光标
wait ：等待光标 / r4 t# y1 y' z' @
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标 ) q- G: e* q$ ^5 n% B" J
not-allowed ：无效光标 1 X9 W/ q, W. j
help ：?帮助光标 - i0 e' ]0 T$ `) n" k8 l  t
all-scroll ：三角方向标 . h* C& k3 ]( g1 a
move ：移动标 ; I% W2 V/ _6 O( e0 L  b+ P
crosshair ：十字标
e-resize
n-resize + K$ N0 Y  O9 K) }$ o% Y
nw-resize
w-resize , p$ f# O9 I+ y9 i
s-resize
se-resize 0 F% d4 T) P6 i3 L" B
sw-resize 9 _' J+ B$ e. |9 S$ ]/ \& K" V" Q
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    % x$ j1 g: V, h2 z$ u, q
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大 8 N! Q! k: S% @4 k, O) ?& h1 o3 |
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新 3 c& X+ Y' x7 r6 T
　　5 上到下刷新
　　6 左到右刷新 6 F; ~- Q( \' Z7 r' d& z$ w
　　7 右到左刷新 1 G  Y% e! `8 Y6 ]# ?, ?6 W" w: ?
　　8 竖百叶窗 / c- S4 e' i" S1 \2 V9 q4 {7 H
　　9 横百叶窗 9 l2 t: m1 d: f' W
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散 - V8 R- j: I; |9 o2 v
　　13 左右到中间刷新
　　14 中间到左右刷新 + n6 N  Y  }/ D
　　15 中间到上下 ( C! C0 h6 A1 W/ K7 X" R( R( y0 A* N+ D# o
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下 - l! v# U6 J+ }) K# M8 \3 m
　　19 左上到右下
　　20 左下到右上
　　21 横条 4 W  N( U1 N9 |
　　22 竖条 ; W/ @0 k8 P% H' P2 j9 h# o
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ( T* I+ ^" S7 y& i
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 2 |" {1 I  L. g+ h! w1 o
　　属性值为 "index ": 文件将被检索； , C* F8 H, `0 Q, X; s
　　属性值为 "follow ": 查询页上的链接； " m. Z, B% I, W6 o! F
　　属性值为 "noindex ": 文件不检索，但可被查询链接； 9 q1 H( a- d! u7 I. s! i# J7 Z
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ 0 u. S9 M' Z6 ~: a5 ?* |8 U
<script language= "JavaScript ">
 ) O* R2 x+ K3 P( P* \
</script> " ^% w; ?, A( `; H* F
7 D; x) d, E( p8 e  N# a
3 ~* i) P' g; R7 E4 V
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> + g4 s, C! s2 Y
<table> 2 o# E8 w3 Z9 \) [2 m; @0 J
<tr> <td> item 1 </td> </tr> ! Q7 {. \) m/ D( W+ z/ t/ L
<tr> <td> item 2 </td> </tr> 3 J1 D: b( x' c# T; ?! A  F
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> ) P; G- m  q6 O* E" J
<tr> <td> item 5 </td> </tr>
</table> / b/ S7 B1 ~. I- u2 g
<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>
<a href= "# "  > menu </a> ) R0 P2 o, L+ ~/ d4 T# ^/ j
<form>
<select> <option> A form selection list </option> </select> 9 Y5 O0 [/ F. _( `' K
</form> ( l! Z- z% ]: C) x+ `, N1 t
输入框也可以做的很漂亮了 3 Z- Y0 W7 Y. S
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> * e# G' ^/ u+ Q0 z7 r& }
                        外向数： <input . g' V  N" j" R# D: Y/ t
         name=answer 2 L, S; j3 N3 s  Y
         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 - _8 _2 N4 p7 m
         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) "> $ x) `: `. d+ I# Q! X% v/ q
                     <br/> ; v) m+ L, w/ Q; a6 J8 B$ M
                     总得分:
                     <input ! p; @; u' e: f# i& r' e4 N8 Y
         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) "> ! Z: {; I/ @8 F* W
                     　结　　　　论:
                     <input
         name=xgjg id= "xgjg " # ]2 _2 ^) x# P7 j, h! [, r
         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/> . W! i8 i$ q+ J. R/ ~
                     <br/>

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> ' G! Y% V( V) g; d: ^
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> % h( [) w* j, _, Z! O/ {+ c6 T; ?2 B
注意：修改 <body> 为 <body  > 即为打开最大 * V4 Q* j9 r9 t/ d+ r9 S$ ~4 [
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 1 ]! d2 w! g' W( _1 ?
                     <param name= "Command " value= "Minimize "> ! J% Y4 Y/ f4 S$ W! @( i. q9 B
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize ">
                  </object>
</body>
页面自动刷新（说明） % i) B. c! N- j9 z1 m1 H; y1 p8 E
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 6 c7 F$ ]5 K0 I% [$ y: Y1 o
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页面。
页面自动关闭
5000是指时间 <body  > & y8 R2 {! i; o+ _$ v% ?5 Q1 h
弹出窗口自动关闭 ! R  M- H$ e" V# l/ m* \6 c: _8 t
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 2 d) }- K+ b! o8 z& I7 T8 J
head 6 I8 o+ L4 U3 {$ c% d3 `% e& ^
<script language= "JavaScript ">
 " l* l+ O  A" Y' m! R
</script> 7 X, ^$ j! P) a3 U4 z6 q
<body> 注意：这段代码是在新建文件中的 ! q: \1 Q& x; P9 e' i4 D5 v
<script language= "JavaScript ">
  function closeit()
  </script>   A) A& y; ]3 N; H# @2 Z. i. t
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 + s5 \$ u6 N" |& M  \2 }* a
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">   r* W5 W. q0 u0 X. s5 S- e2 |
</object>

1 评分人数