另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 / {- h* H* G% I( r: |
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴
4.    防止复制 " ?/ @' r% ~, }; X$ M0 @. R
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架   R( t/ Q+ `1 u2 A# H8 S
<script language= "JavaScript ">  </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 2 {! i1 q0 F( R: M; O2 s5 c
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript "> + |6 `" O  M' q" z& \" \# S
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
}
</script>
//VBScript   D! W: }' U4 v" _2 b& n7 D
<script language= "VBScript ">  </script> 1 K* D" i( g& V5 W- d3 j
14. 光标是停在文本框文字的最后 1 W; m5 N2 u. D% U7 f! ?; z& f
<script language= "javascript "> - G0 y$ a) }; e6 R
function cc() 0 Q* Z7 s- e  ^) B- ~( G: |
{ & C; G% s7 E1 ^2 D# H( _
var e = event.srcElement;
var r =e.createTextRange(); . n% @% A9 `* s4 a! L. r, D
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select(); 3 q+ b( j+ \/ z* ^2 o. R( _4 i
} 8 y2 d( [' p) l) |( ]& R4 V4 P: O# ^
</script> ( L& r6 h9 m, ?0 e, M' P
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 2 w/ X; `, ~) u3 ]0 R6 ^* A
javascript:
document.referrer
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> , `" S6 q9 w, a9 o- l, ]$ X) O
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> / P8 {# ]5 ]' x! \
<input type=button value=最大化 onclick=hh2.Click()> 4 }* w7 o: _* P4 [, U6 _
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script> - }2 s& [6 z0 N5 G# R
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL 2 ?# ^8 p, I1 Y3 p. Y
} 3 s% C: V3 g: d4 F$ j( n* ?
document.onkeydown=look; ; o* A9 S' s# A" |
</script>
18. 网页不会被缓存 : i7 w3 b; ?8 U
<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: & M7 D3 L# j! q% l- t: O' l
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ - B) k$ r- C6 ~: A, @1 L2 L
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> . w' r  r* K) s# }  Y4 x' D4 R
21.让弹出窗口总是在最上面: 0 x8 v: c( `1 J, e6 s
<body  > 8 W; }3 {' }1 {# D6 ]) P5 |
22.不要滚动条? ' `$ I- w6 Q" o3 E0 a8 W4 e0 S
让竖条没有: & l) f$ I0 U1 v0 C; G, ]
<body style= "overflow:scroll;overflow-y:hidden "> ! m# m4 E! s1 ], J8 J
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> 7 f5 T6 L8 ?8 B0 {9 ?; ^
</body> 8 a. ~$ |0 Q, y$ A. ^$ Y# k+ r
两个都去掉？更简单了
<body scroll= "no ">
</body> # ?2 z$ h" O1 _$ P
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 # m8 g; }6 M( W8 p, T
<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  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 - v& t& J! Y+ ~# T6 l" e, T
<STYLE> ) m" A, S6 ?) ]9 B' q- M
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 7 M( n$ ^4 s, H# O8 m! y
background-position:center;background-attachment: fixed}
</STYLE>    @, |1 {  Z0 q: f6 T( x0 _; K# Q$ Q$ r
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> 8 h4 n, ]% s$ m; `! A
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight % I  [6 c8 V6 p1 o- i3 m4 w$ y
30. 怎么判断是否是字符 " P4 P& q0 B" w5 E
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 6 e( W! d5 i2 }) R8 r" s
<textarea rows=1 name=s1 cols=27  > / ^2 T% E9 |% o
</textarea> # g% K7 z) V+ i
32. 日期减去天数等于第二个日期 : P" }+ h3 x/ Z" u/ U  j
<script language=Javascript>
function cc(dd,dadd)
{ 2 p. P, r) S  O$ K1 t2 l
//可以加上错误处理 1 C4 C  n0 v1 t8 l4 z. q9 Z, y
var a = new Date(dd) + i0 d: {, m0 f( s- M
a = a.valueOf() & M( S, n6 m! [. k
a = a - dadd * 24 * 60 * 60 * 1000 ; T, b$ x  G) w9 M4 J, E+ T
a = new Date(a) 3 J- _5 t: r& |: i; N3 `$ P& s/ ]- A
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")   m0 @3 i; E6 K) h& c! a5 D3 g6 e
} . |( F, j2 V7 P6 ?5 R+ ^
cc( "12/23/2002 ",2) ! Z  Y, q  X4 j7 |; n# m
</script> 7 y8 W( r+ g+ x) Z( M$ U
33. 选择了哪一个Radio 6 }2 y( f, ^( c/ o6 w1 A
<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 ' h; S+ {4 N* ?& D8 {, U
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode , w' r! x3 }! v  G
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript "> / ^! `+ G+ y) k  p" U
 * O# q( u0 }' r- @* F1 W* I
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： & k4 W; N: v8 y3 N1 i
把如下代码加入 <body> 区域中:
<script language=Javascript> & O) k7 w/ u0 Y0 O' N+ M1 y
tim=1 ! V4 D" L7 o& h4 B! @
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " 7 A. Y: B8 M0 r) _3 q- C
autourl[3]= "www.sina.com.cn " : [: |1 O. S  v- C: F
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
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 3 U( Q. h  a) @2 I" g- ~) \
name=url "+i+ " size=40> =》 <input type=button value=GO 7 q9 d1 H2 P* _5 m. Q
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") 9 s( {, f$ Q3 l) ~8 k; ]
document.write( " <input type=submit value=刷新> </form> ") 7 H8 K9 G) B9 z1 U2 A. a6 _% V
}
butt() $ G# Y8 n+ Y  L2 V" G( U
function auto(url) ! u% t  J, m1 i
else
b++
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 7 y' O0 z% S3 t
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script>
37. 各种样式的光标
auto ：标准光标
default ：标准箭头 0 `$ W7 F5 z8 U% B' [" Q% c+ X
hand ：手形光标
wait ：等待光标
text ：I形光标   S' A1 e- i  C
vertical-text ：水平I形光标 . l9 r$ B+ E% z1 E' S1 h
no-drop ：不可拖动光标 7 j2 i( T; ~, v
not-allowed ：无效光标 " I& D& P" S$ h1 T
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标 5 ~+ R! c8 |* B3 H+ m. ?% G; i
crosshair ：十字标 ! C; a* t& z- S4 H" K; @
e-resize
n-resize
nw-resize
w-resize 0 N: L7 F# |" I% U) u7 t7 `, L- p6 V: w
s-resize
se-resize " |' l" L( h" I
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">   {' _% G  b7 l! _9 u" K$ }
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    $ q  ?* p" R; q4 ^1 ~
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:   h' o+ `' I; D3 i
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新 ' H! f  C5 d- @/ \8 i5 k
　　5 上到下刷新
　　6 左到右刷新 ; X) t; K0 i+ y8 |
　　7 右到左刷新 ) U4 n% O1 d* l: o/ b
　　8 竖百叶窗 3 L; H- u4 d0 r2 t3 R* k/ a
　　9 横百叶窗 - z# y. M  L: u0 U' {
　　10 错位横百叶窗 * G8 `! k9 b) O/ f3 a; M
　　11 错位竖百叶窗 " P* `+ \6 H+ D" _. }9 E
　　12 点扩散 , j" F) w" Y8 K" o
　　13 左右到中间刷新 6 k) Q4 P' Z* F1 ?
　　14 中间到左右刷新 6 l1 J. m$ C" K- L0 C, V  O3 b
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上 8 @# U9 P- ]$ Q6 i: K) R; h
　　21 横条
　　22 竖条 5 I' o5 u8 h' O2 l, e
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 * f5 i9 b  |" {$ A
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些: 7 \& Z4 R& Y+ W- D5 {
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 8 ]6 l( h3 }# M- K
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； 9 Z8 c* K" ]0 ~+ R3 f
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">
 # r2 D6 ?% M0 G- z' X! h4 W/ C6 F
</script>

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： $ ~+ X( O. x$ r$ V6 A5 b
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> . k' C5 ^) Y3 s# B
<table>
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr>
</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>
<a href= "# "  > menu </a> , B# U, {* g0 l3 `; `, P' e( s
<form>
<select> <option> A form selection list </option> </select> / h' q5 y( s1 T7 l; l. ~) Z! b
</form> 7 ]5 C$ |& T( r8 T1 m, J
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> & j( Q+ m- B# S& J/ M2 a
                        外向数： <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 , ~; _2 \7 H; {0 T1 d+ U
         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/> 0 _1 |; I8 F. \" T5 P. E: a% h
                     总得分:
                     <input % f# P* T) p. {0 `1 `1 Q
         name=score id= "score " , e) N- r2 ?% ]' U, C3 B$ O
         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 4 z  G' v* j1 R% f
         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) "> ; d9 S* A$ J: h5 a- X
                     <br/>
                     <br/> 3 @8 S5 E$ W3 g4 b4 u6 J
                     " f( p  t- j. N5 w2 |' j5 [2 {
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> ' \5 ^, u$ Z& q- o; s- K; ]9 v
                     </div> 5 Q# t4 T% r" u* P& O; I; v* a( N
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<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 ">
                     <param name= "Command " value= "Maximize ">
                  </object> 3 ?! z  B2 A1 d6 s  j6 ^. {& b
</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页面。 ) {- K0 ~& I/ ]$ X: `$ l
页面自动关闭 : ~( K$ ^7 _) r* Q
5000是指时间 <body  >
弹出窗口自动关闭 3 Y% h2 E8 t0 N
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head 6 f: p4 O1 R2 u* _$ A" L" c
<script language= "JavaScript "> 8 l3 R3 }& E' X2 J% D7 K
 ; I0 p( G; M# G2 Q# X9 u
</script> / q; k$ k9 F' J6 L. `- G" C
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript "> 9 P( ^6 Q/ A  @7 z
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 7 h) N& p; f" M% W* }
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数