另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 / L7 n3 C3 S6 a. i
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴 2 O: P* ], k7 F  i/ C3 w" a
4.    防止复制 $ @9 c9 S" d. C* g
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 7 S; v9 J8 y, [5 Y; \# a
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script> ! _% m0 p( e5 s' |) b
9. 防止被人frame 8 ?  X( S4 @+ m8 h
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> * Q5 x. {; N+ V% N$ A: r
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> : l. V5 W: k0 A/ L: B4 p
11. <input type=button value=查看网页源代码 , t0 X( i( R8 W4 w' d
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> 9 S: B3 k* ^. U( L
12.删除时确认 ! c/ f/ }4 [2 Y# v
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 3 f) R2 P) F4 Y4 b7 H
13. 取得控件的绝对位置 4 o  m& O7 {& p3 e+ T4 ~$ o
//Javascript ' A, M7 @) K: Y  U0 |- [6 _% Y% X4 W
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;   p. P0 H. n, T( {
while(e=e.offsetParent) ' d: T& C" s' E# {
alert( "top= "+t+ "/nleft= "+l);
}   w1 s$ _! R$ c9 F+ M# B
</script>
//VBScript 4 a' d4 K. O9 C  I6 g* t
<script language= "VBScript ">  </script> / W9 O4 C6 y" M9 {3 ~3 {; g$ Q5 t9 \
14. 光标是停在文本框文字的最后 ( z& M6 P! C) ^1 @# A+ i5 j( f7 ]) z
<script language= "javascript ">
function cc() 9 {3 c6 `  S- r- n
{
var e = event.srcElement; & d) [5 m4 s% q% x# |  d- ?+ M
var r =e.createTextRange(); % u+ k# t7 f$ m3 h+ o
r.moveStart( "character ",e.value.length); & G# Z; {) w0 M
r.collapse(true); $ X1 ^0 b$ y$ V$ t. ~
r.select(); 4 V. v* r9 r  X8 Y- F7 {5 V5 L) [
}
</script> & e" c* |& }  u3 o" F8 B' {/ Q
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 % A. I( `/ B) l9 K
javascript:
document.referrer 7 t$ c) d! z4 Q3 m' [. x6 @; W
16. 最小化、最大化、关闭窗口 1 c* k7 o1 r9 r2 |/ D% \" h
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 7 W0 S2 M6 t: g/ M
<param name= "Command " value= "Minimize "> </object> 0 A$ I+ Z" A6 ^3 {6 m' C5 B$ z
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> 3 o2 C- T7 V& p9 T- V/ K' J
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> & Q  D6 e5 U5 c- l/ X8 s3 A
<input type=button value=最小化 onclick=hh1.Click()> # s& |, ~2 x( O8 z
<input type=button value=最大化 onclick=hh2.Click()> % G& m2 Z7 d- m* q6 n- |; d# w0 D
<input type=button value=关闭 onclick=hh3.Click()> . _7 b( U; y2 f
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ ; J) B4 h; |+ q( Z; V9 l3 Y: n" G" o3 n
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script> 2 \; B  R& f; \! w
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> % ?4 \' [( ]7 c+ L/ l  G
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> 4 c1 V5 d) b' V. R) A2 T1 g& \- K
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> 5 E* n' y" u, ^
或 - N" n0 W, j$ B# A3 A' C
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea> & T5 D0 {* V0 J; f  I5 q  d( Y& G
20. <div> <span> & <layer> 的区别？ 4 h( ^$ S4 k. U4 i0 {! P# g1 E: k
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? 9 O+ I" ?/ N9 h/ [
让竖条没有: ) ~5 ?( B+ t3 E5 f: f% f- D
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有: * r$ }, g. _% J9 i( T; d9 R4 p8 J8 V
<body style= "overflow:scroll;overflow-x:hidden "> ( v1 q/ i/ r/ F+ h, f
</body>
两个都去掉？更简单了 7 _4 W# l0 Q+ a$ Q
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ . h2 T7 g! N8 K) d+ u& r
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> , ]7 ]9 a0 K9 x% J  ^  P7 e
</form> 2 Y/ |* s. F3 s3 d& _  W' ~
25.在打开的子窗口刷新父窗口的代码里如何写？ . W+ }  J( a) D0 j0 t7 Q
window.opener.location.reload() 2 H9 G8 r. R/ }7 O3 x9 @
26.如何设定打开页面的大小 & M8 o# N. l2 t0 ~6 b
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> 5 e, S2 L8 ?3 a8 {  ~- m8 ]3 a" B
body $ B; x; z/ L" |% Z) J3 V
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; ' m( u* C5 S2 R+ A1 z
background-position:center;background-attachment: fixed} % J8 k8 f- g6 x* v  |/ J" Z
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> - l. P( L, J# ?+ A( P/ l. r1 f) @
29. 获得一个窗口的大小 3 l( K. c, R! k. R
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 0 w5 b1 i, @: X* l/ L0 ^
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); 3 \1 ]! {, s( ?; h8 W4 O
else alert( "全是字符 "); 8 k: f, n9 G3 G
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > + a" [& D9 c! k( ^! [
</textarea> ( e& t9 f: c& M6 }% E6 L6 K! F
32. 日期减去天数等于第二个日期 : Y% e, f9 U# _4 _% y6 o
<script language=Javascript>
function cc(dd,dadd)
{   `" E3 z9 c& c
//可以加上错误处理 ; r8 E$ q/ n) r8 n
var a = new Date(dd)
a = a.valueOf() " g# x. }- ]' `5 C& r1 K
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio & d+ _, u7 d5 u; O- {6 k
<HTML> <script language= "vbscript "> - B, A. x' n7 M0 e' ~, q
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next $ b$ b+ |( Y# w' T( u9 r: d& g
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 "  > 2 L+ d& p, K1 B: t% [& t
</BODY> </HTML>
34.脚本永不出错 2 U* D* N' l8 x1 r# S8 H& R. O$ E
<SCRIPT LANGUAGE= "JavaScript "> 3 P: P2 B' f1 F# J- q
 0 C8 p- L0 X) h3 v
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框 " k# ~) c4 q' [" l& K
<input  > , V( X; o! X8 I
36. 检测某个网站的链接速度： / n1 `8 ]% F: K+ v) @% k) Q6 ~8 _
把如下代码加入 <body> 区域中: 5 C6 M9 N9 h3 m$ w2 |
<script language=Javascript>
tim=1 9 X4 `& l4 b% t
setInterval( "tim++ ",100) 5 E2 ~1 r! P, ]3 g% ~% |
b=1
var autourl=new Array() " Y/ h+ [) A6 s1 R/ @* D7 s
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn " ( y+ q2 ~( k2 j+ C7 `
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){ . @0 L4 M7 f# @5 b) L( l
document.write( " <form name=autof> ") + {3 p- m! |! K( x" b" {/ S
for(var i=1;i <autourl.length;i++) " X! Z: f( a8 D/ c
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()
function auto(url) ; R9 Q4 C* e8 j* n/ m- ?: A, i) S2 V; A
else + p9 d/ ]! x! v$ {, u; O( s
b++ # K1 [$ r' s3 o* p
}
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+ " ")> ")} 4 T- T9 ]$ `  T0 R, h. i
run() </script> 1 Z5 h' M6 v- G; w* t- h" I* d8 p3 c
37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标 : s! R+ f. N& J" @# E) ?3 O- e, ]
wait ：等待光标   B( p! U- v- R- V- }
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize : }7 N: V7 Z' M
n-resize
nw-resize 7 {( D/ c" S7 S
w-resize . S9 X" _& F# Z+ v$ U
s-resize ' m. u9 X  o5 T- ~, B
se-resize " X6 k. o8 X& q- g1 j. w
sw-resize
38.页面进入和退出的特效 7 |8 ?+ S# G" j  W  r- k% h8 j
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: + u* n% T% [* e
　　0 矩形缩小 0 S5 _+ m! v3 \4 }
　　1 矩形扩大
　　2 圆形缩小 # O+ j7 e3 G* O3 T/ `7 M
　　3 圆形扩大 5 S; r( d; C; P5 o
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗 4 `9 j% C6 v' p
　　9 横百叶窗
　　10 错位横百叶窗 % v& u+ Z& A- S
　　11 错位竖百叶窗 ! \) i6 L4 d5 G9 L* O6 }' S
　　12 点扩散    Y' U: `- g" r4 y, @) G( ~
　　13 左右到中间刷新
　　14 中间到左右刷新 , E  G* |6 H3 u: D: U  ?- _' e+ ]
　　15 中间到上下
　　16 上下到中间 : j2 o) b" _. S. V" B
　　17 右下到左上
　　18 右上到左下 $ ?" C' {" v0 L& v9 h. w
　　19 左上到右下 & A8 u: ~( w/ T
　　20 左下到右上
　　21 横条
　　22 竖条 + X* }' i3 ~/ L- U( x8 I0 J4 c
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； & z/ V" |6 x, Z
　　属性值为 "index ": 文件将被检索； 8 z# n6 X1 k! k6 \# u! V: i
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript "> * A% Z; o  y2 ]0 Y5 K0 n. ?

</script>
! C' E4 F1 r, B8 E1 W% Y+ S

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> 9 R, P2 Y7 @% f" k  E
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> 8 k( A) _0 K# d* {- }" P1 Q
<tr> <td> item 4 </td> </tr> : v1 y  M' X5 r* b& g& G' m
<tr> <td> item 5 </td> </tr> ; ~9 Z; Z+ W' ~  i: |% K0 b
</table> 4 Q8 g9 V0 K: R; o( i7 ]3 C
<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>
<form> 1 q* c- u% M; E# c  S1 \: m- X0 ^
<select> <option> A form selection list </option> </select> $ u- T" u. r- N- a& F, R, T* l
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> " v' T; b; L1 Y# @2 E# t0 J
                        外向数： <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) "> # t0 [; `2 U, D6 I, ]1 \9 r
                     　没回答的题数： <input
         name=unanswer id= "unanswer " 8 i, ?/ z, K9 r$ F( z; U9 t
         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) "> 1 J: q0 T0 P3 U; V( J0 U
                     <br/>
                     总得分: 4 ]$ G4 c5 c6 h6 y& u1 `3 R
                     <input
         name=score id= "score " % z, I$ h6 h1 i1 s: O0 Y% Z
         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) ">
                     　结　　　　论: & i4 A) v+ M( r1 N4 ~
                     <input 6 g6 A2 O, ]' X8 Z! Y9 s
         name=xgjg id= "xgjg " ( Y% ?' i  {: J4 D- D& k
         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) "> 4 \& v: q+ q% Z' C
                     <br/>
                     <br/>

                     <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  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> & s  V% P4 b7 T5 p% p& p
                     <param name= "Command " value= "Minimize "> ; S- T9 y) S; y7 d7 o
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> $ V/ F& I0 W: U2 q
                  </object>
</body> * b) f3 H" `% S8 ^1 m4 y
页面自动刷新（说明） $ H2 z8 j' k" l; P$ A
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 # E- J8 y) S% l: U% H7 s, Q$ h
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. , e! o( p1 P/ P4 r( k6 J6 F
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 + k8 P8 C) C/ s  i7 b
页面自动关闭
5000是指时间 <body  >
弹出窗口自动关闭
10秒后弹出窗口自动关闭 5 f4 B' L' l% Q# \) j  v0 N- m
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 7 ^! Y8 o1 ]: K
head
<script language= "JavaScript ">
 - D- I/ h, e/ H
</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 & \/ z: [4 a  o
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> ) ?/ M0 B/ R( H5 d7 q4 s" d4 D& @
</object>

1 评分人数