另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 + N7 x! A# c$ Z; w  n* H3 N7 C
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table $ q$ a" o' E+ J$ i' a, t! ~9 I4 h
2. <body  > 取消选取、防止复制
3.    不准粘贴 . R* n/ R# |8 J$ T1 y
4.    防止复制 . t- t  K& C# R
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 1 I0 K( G0 D* X7 i
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 & {% s( k# c; {* Q: Y- A- \
8. 永远都会带着框架 ; H, R$ x6 A3 j* k/ n
<script language= "JavaScript ">  </script> ! z$ ]4 u3 j; z$ d
9. 防止被人frame " c  l! P$ L. c4 ^0 U* F. R! [
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 : }& w" J! {# T  N: R) d8 N
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 0 Q' e. v0 d# R0 `* m5 ~
11. <input type=button value=查看网页源代码 ( S/ ^3 y! w0 x' ^: ~
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认 " j0 n( K' T$ M; n% t& C
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> , Q+ r* L" u, ^' c5 Z
13. 取得控件的绝对位置 % x3 v5 V- B* B9 S! x5 s0 x, r
//Javascript 6 U( \: ~# i% u: T
<script language= "Javascript ">   z/ q0 x# H, w* t
function getIE(e){
var t=e.offsetTop; * E3 ]- [9 H7 {( z6 [- f( R
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); ) M3 ^/ }3 W0 J- t! K' P
} & A1 ?1 S( A' N) W$ H
</script>
//VBScript
<script language= "VBScript ">  </script> " x" x3 S0 d; a6 h& ^
14. 光标是停在文本框文字的最后
<script language= "javascript "> * v0 {& C  v, i$ t9 L
function cc()
{
var e = event.srcElement;
var r =e.createTextRange(); : U6 _4 j* G% \* Z; f7 g
r.moveStart( "character ",e.value.length); , U: t9 ~! l7 B% n+ H4 n
r.collapse(true);
r.select();
} # G  k* N/ l4 j6 H! D  Y% [
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 % G& b2 P! I! K
javascript: 1 H8 b# A; d% v' e6 y/ d- U& B
document.referrer " o9 S8 P1 i8 J6 m) g4 h% Y
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> / e( _- c" J9 _$ f: D
<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 "> / g: S# o9 ~+ Z+ Q9 I
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 1 S% W: ?0 S6 v3 I# z& g
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> " L4 T/ t9 o: J9 r: _: J9 {2 L
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE ! |  W3 Y9 q7 V$ B+ K4 P9 J# ^3 ]& W
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){    e; W0 `; v  j0 w1 i7 t) t9 J9 x
if(event.shiftKey) ! Q% X6 ]9 Z$ H+ p/ u9 l; q, ?
alert( "禁止按Shift键! "); //可以换成ALT　CTRL ' M2 [/ N/ d/ q$ T1 h, y
} $ e/ P1 J! E! m! ]
document.onkeydown=look;
</script> % ~+ I0 G6 ^" ?8 J
18. 网页不会被缓存 0 A- j$ ]5 T0 I5 i; [
<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 ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 3 @+ O5 h% }) s) Z% }5 D3 \
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ & a1 z5 Y( u  w1 Q4 O: [
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 . i2 b1 q# w( n$ J# }5 M
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: + |- c) P, t. K+ x  Y: p2 a0 A4 l0 ]
<body  >
22.不要滚动条?
让竖条没有: + B4 s2 \; C4 P9 {
<body style= "overflow:scroll;overflow-y:hidden ">
</body> 4 ?: U% W) h# [% T/ K6 I
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> % j+ r: ~+ u( J, ?
</body>
两个都去掉？更简单了 : g, e( I" Y" T( {
<body scroll= "no "> 6 F* G% s- r: K. `( z
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> ' r4 V3 t1 U, z( L3 g
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> ; L' H, G- [# k: _
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ ! {/ l0 _; ^' a5 y
window.opener.location.reload()
26.如何设定打开页面的大小 # s' k- J' j$ S8 g, \
<body  > % A7 Y1 b, [. w" c" e  o
打开页面的位置 <body  > ( ^) a/ i7 M' T6 f+ N
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed} 6 h6 J2 z( `1 @5 @1 H6 [* W
</STYLE> * N8 i6 }* u; E6 `
28. 检查一段字符串是否全由数字组成 ) Y- [: V; a0 t
<script language= "Javascript ">  </script> 5 U  Q+ C0 r+ t1 j9 U. m/ k/ @
29. 获得一个窗口的大小 ; c/ N6 Z& K7 N1 [+ Z% O0 q
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); * s+ Q+ E# i" G( r2 ]+ c
31.TEXTAREA自适应文字行数的多少 0 L  y: O' F0 O  L5 F
<textarea rows=1 name=s1 cols=27  > 9 {" G" D9 {/ U$ N
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript> : ~( k! I3 R" Q1 K4 j/ a' R
function cc(dd,dadd)
{
//可以加上错误处理 & [1 x. k/ b& X" `2 ?7 j
var a = new Date(dd) 4 D6 q' r. V* J* t
a = a.valueOf() ; x& z/ p9 C5 @: G" N2 a( D! x4 ^
a = a - dadd * 24 * 60 * 60 * 1000 4 z, J9 c% Z: i9 x# m2 i
a = new Date(a) ! ?0 x; \1 Y( s/ r- q; a
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} / z+ N% E. c- a6 w/ l8 A
cc( "12/23/2002 ",2) 3 p1 U5 u9 N. ^
</script>
33. 选择了哪一个Radio 4 f3 Q! f( |! ^: S$ I+ E! p
<HTML> <script language= "vbscript "> 6 Q# B4 O8 v/ D. D: Q% S
function checkme()
for each ob in radio1 5 T& Q: `7 i1 a% u6 j
if ob.checked then window.alert ob.value   m4 W6 G5 l; p9 p5 B
next
end function ' s  w8 v/ @- k, B
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 6 B9 o- j) l  @- p4 G& A3 H+ E
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错 * o4 H- g" O' Z/ a' M
<SCRIPT LANGUAGE= "JavaScript "> ; j) c" r5 W1 X7 j% S6 R7 c
 0 r' k! v- V! Q
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  > 2 g' N; a& G) v; h2 d
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1
setInterval( "tim++ ",100) 2 {! U: J9 l+ ~% G7 h
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " - D9 Z/ N6 \: x
autourl[2]= "javacool.3322.net " ) E$ b( r. ]/ U( ]
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn " ) Z2 A% Z9 I1 H( u) ^0 P
autourl[5]= "www.cctv.com " 2 I# R% @6 r( e
function butt(){
document.write( " <form name=autof> ") 2 z( D) N# l) a6 Q" \3 ~
for(var i=1;i <autourl.length;i++) / F( |4 L% Y9 K8 O* v1 Z3 @* h
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/> ") * B/ \! R# Q) E6 C' ]" U$ p" m" {
document.write( " <input type=submit value=刷新> </form> ")
}
butt()
function auto(url)
else 5 s& V5 d, G6 B2 H8 Q; _, {
b++
} 7 B& J) z( I$ [' J. e! X6 r, I
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+ " ")> ")}   B) d5 \6 `$ K& A8 ~9 D4 I- ~
run() </script> 2 X+ [- E5 x2 y$ P2 T' B! Z9 [
37. 各种样式的光标
auto ：标准光标
default ：标准箭头 $ v. M( v: R1 U6 y
hand ：手形光标 & o# z. u! d$ u
wait ：等待光标 ' {( n* a7 N# \9 ^
text ：I形光标 " G" k/ N" i# f0 l7 t/ q: L
vertical-text ：水平I形光标
no-drop ：不可拖动光标 : n# [. H+ b# D6 b7 M4 H
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 7 {" v- p4 J1 _. d7 ]$ r3 G6 A6 l
move ：移动标
crosshair ：十字标 # R$ }, B5 Y1 g9 u, u8 X
e-resize
n-resize
nw-resize 0 {( Q. I0 \* t% }6 t' H' F
w-resize
s-resize
se-resize 5 @1 X0 ]* P& x
sw-resize $ W" H9 o) D$ h: [. e
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    * C' ]- ?9 ^6 l/ c" F
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: - V9 T# s; J. I5 N4 i% M
　　0 矩形缩小 : c6 D/ a1 a2 y' F( o$ @
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新 " T" K2 \5 |8 [5 l! D6 Q; Q
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗 , J. Q# \# _3 G+ u5 C0 B, [* M
　　10 错位横百叶窗
　　11 错位竖百叶窗 7 k8 c4 f1 _( ~9 P
　　12 点扩散    S0 R) }0 Q! k; s+ y% V- O
　　13 左右到中间刷新 9 c+ C. b1 g0 j1 p, S
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上 : d4 `$ W0 v% j. Z; u5 r
　　18 右上到左下 / r) m$ o. s7 \
　　19 左上到右下 ) d0 E9 p& ^" `5 j8 y+ ?7 c% U7 ?
　　20 左下到右上
　　21 横条 # V. L: }( }- e
　　22 竖条
　　23 以上22种随机选择一种 6 R8 O/ X, ]) Q3 X
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> ' T/ p( P* |7 ?* I
40.网页是否被检索 8 {% [* A: S3 K2 a. V1 G
<meta name= "ROBOTS " content= "属性值 "> 5 G2 b. N+ `. ?3 Y. P" O
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； " C* {6 y- S2 R; Z
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； - P" i& y& l4 J
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 & Q  K, {7 j# [
最大化窗口？ 6 X5 a. S  P2 V" U
<script language= "JavaScript ">

</script>
% l( ]+ u1 z5 w4 w1 a; _8 V$ z
9 ^7 v9 @  J! |
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： 3 p% J! u& W6 x& i. r: A* K% z
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> ! z2 x1 R/ I9 g( w" s
<tr> <td> item 1 </td> </tr> , w5 p1 z& W. w8 }, d1 \% K
<tr> <td> item 2 </td> </tr> , j, R, F, O) W9 P6 d  m
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> / i1 A. `! w# a! E
<tr> <td> item 5 </td> </tr>
</table> 1 I. L$ t0 J) R4 x0 i
<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> 2 w! T* z& n; @. r! o
</div>
<a href= "# "  > menu </a>
<form>
<select> <option> A form selection list </option> </select>
</form> ) L% ?; ?0 P+ @9 L( v( B
输入框也可以做的很漂亮了 ! ^5 A: L* ^2 ?; E% c
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input ( S* T: K' j5 \5 ^2 n2 C" v
         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/>
                     总得分:
                     <input
         name=score id= "score " % A0 k& j/ ~9 O( p  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) "> . m. W3 c( c$ r4 C% s: q
                     　结　　　　论: 7 ~5 f8 a7 Z- [9 p; f- e  _
                     <input - D/ O" J& Z' @; i
         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) "> 9 w; _) G8 b: _$ H! B
                     <br/>   w" q1 K' |  b$ y* _
                     <br/> , l, s' i+ V; G/ ~& w
                     " q4 K" X* M: V$ c% f* e
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> 9 {+ V0 `, o# |
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 - a/ @1 v! u6 G
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 6 M$ _. F: e5 b& `' n# A
                     <param name= "Command " value= "Maximize ">
                  </object>
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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页面。 + q4 ~  t8 |/ W( s5 ]  g( ^
页面自动关闭
5000是指时间 <body  > / n/ \/ f' Y! t( y5 `# l
弹出窗口自动关闭 * Y6 U# a$ Y9 {9 I+ `* T
10秒后弹出窗口自动关闭 2 V7 x2 q# Q: s% W/ v  R; o
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head & q4 }/ K9 o* I9 b  _; c
<script language= "JavaScript "> 6 m$ x3 x" P' L+ R8 Z5 |7 q
 5 K* s" L& X$ \8 N' a
</script> % b4 \$ Y* ]0 R
<body> 注意：这段代码是在新建文件中的 ' K& L! h( o6 _7 T
<script language= "JavaScript ">
  function closeit() % E. M' _' ~0 J% n3 B* j
  </script> ' ?( z1 p1 ]' B6 X3 a  J
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 0 Z1 R, T$ q* r8 O: k
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数