另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table 6 O) L. P% P/ ]7 X( G
2. <body  > 取消选取、防止复制 " }5 w3 d6 N- a+ v( C1 l5 J  J
3.    不准粘贴 1 {3 Q9 C  Q" U" h. \
4.    防止复制 5 w' \* ^+ ^* L' ?
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 * }7 N, y4 l. v; C' A6 }
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 ( t  V5 f5 u; j( s! [
8. 永远都会带着框架 " u- R& i. D& W/ J! A
<script language= "JavaScript ">  </script> 5 \, @* o. k' A$ }  @
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 . y' W! ^" l/ H: l  B3 v0 `& w' M
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> ! |+ T: B* o0 H$ q: w9 [& E. I( Y
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> * R: u  _& _' f) {, E4 g* f
13. 取得控件的绝对位置
//Javascript 5 T* @" f$ _+ g, C$ g3 X7 f
<script language= "Javascript ">
function getIE(e){ 4 B1 i& w' C  g! q* S1 ]1 }5 ~8 ^& m
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
} * G2 G' e, i& R( s2 U! V; A  Z
</script>
//VBScript
<script language= "VBScript ">  </script> 6 m. E2 v8 Z0 o2 J1 G/ l6 ~4 k+ p% H
14. 光标是停在文本框文字的最后 : Q+ V# U# U# ~1 ~& y3 |! I! F
<script language= "javascript ">
function cc() 1 B, w4 }8 z7 b# c  U
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true);
r.select();
}
</script> - c- c$ @! l, |) ?5 y* J% u1 }. p
<input type=text name=text1 value= "123 "  > * T8 g3 m1 a1 ?' D; E8 Z# m/ ]
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 0 j5 }# Q8 F0 ~% y# ~2 f" {
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 1 \* }4 t7 @6 T- g, O' F
<param name= "Command " value= "Minimize "> </object> / M  ?! w7 m5 T) L6 P; u
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 3 P- Q& h' h" e, {+ b* a- l8 {9 L
<param name= "Command " value= "Maximize "> </object>
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> * r: ^! h& s( H2 Z
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 0 N0 Q1 n& ?: s  D  x0 t
<input type=button value=最小化 onclick=hh1.Click()> 7 y6 \3 i) {/ v) F: |
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()> : z/ |3 w% g$ P# ?1 I; d
本例适用于IE 3 b, S+ {6 a$ V
17.屏蔽功能键Shift,Alt,Ctrl , i" L) j$ o; D, `) F# r
<script>
function look(){
if(event.shiftKey) : Y0 Y8 q) d' c& Y- V7 h
alert( "禁止按Shift键! "); //可以换成ALT　CTRL & X' v+ z9 M8 _# b
}
document.onkeydown=look;
</script>
18. 网页不会被缓存 2 s3 V7 |: M6 {& H% t. ~( E
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> : a1 a* {6 O; H' p" @5 R
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> 0 Y. v9 i/ R# [7 ~- E/ S- G! @
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> : q' _& r2 i0 E" U" E- q
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> 3 Y/ D: }: v0 W$ z, f0 }7 K
19.怎样让表单没有凹凸感？ - `7 ?# _' q  Q) x( G; e
<input type=text style= "border:1 solid #000000 "> , R1 U% o3 u& g, Z; g+ L
或 9 }6 [" t4 Q: D$ J
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: - r9 ?4 k0 H1 \3 F! }" c6 Y
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行 ' ~5 S9 d" G' _5 A8 R: s
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 , _. }" N- s9 l  W5 p1 B) t1 z: p
<layer> 是ns的标记，ie不支持，相当于 <div> ! f. \. a3 i6 b
21.让弹出窗口总是在最上面: : C' D, R" N6 ~9 @0 l! r
<body  > / r+ q) @. Q" o' H) g8 a7 m* O$ z2 _, i
22.不要滚动条? 2 E; x! N! Q0 r* C# G- ?
让竖条没有: 2 k* j! {  _% J; H
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有: * L/ I* ]1 d# L1 C: }" G5 Y+ |+ A2 q
<body style= "overflow:scroll;overflow-x:hidden "> : U, u4 o# C1 V3 V
</body>
两个都去掉？更简单了
<body scroll= "no "> 2 M" [% R3 f+ h# Q' b7 ]6 l2 u
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ + o) ^9 b; ~* C) s' S# R# Q/ {) k
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> ; s+ k" I9 A6 O* ~# b
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() ' h. \  u2 N, {: }4 `; c
26.如何设定打开页面的大小 % R2 ?/ E+ J. M' G; {& ?
<body  >
打开页面的位置 <body  > ) E0 Q* {2 N6 E/ x% N& A% a
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> 7 ~) z, ?, d$ Q* E
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 9 D8 S7 \; v7 a* o( o$ J
background-position:center;background-attachment: fixed} ; f1 R9 q# ~; _% e
</STYLE> 4 }& H  w& {* H" I* e
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> 7 q: `( Z5 \$ g8 |: P) \4 D0 a
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight   d5 d. n7 I, B9 E# L( D
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 # O# g  J0 g+ j2 L$ I
<textarea rows=1 name=s1 cols=27  > & T1 Z6 a4 n: H1 l1 ]( O8 B# G4 S
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript> 8 A5 Z7 X* i! J1 Y
function cc(dd,dadd)
{
//可以加上错误处理 0 o6 p. Y% E4 Q5 N9 D- S# ?
var a = new Date(dd) ' J# {/ q& @/ V. G6 `
a = a.valueOf() 1 U8 b% S/ H5 s4 F$ i6 B5 X
a = a - dadd * 24 * 60 * 60 * 1000 5 Y  m, D" x# o- X8 `5 {# F! e
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") 1 G7 j! L# [3 ]: s
}
cc( "12/23/2002 ",2) ) O7 ?, X; B! S9 Q# [- Y' m5 E
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> ! t4 E4 v4 z8 W2 A  [# M  ?
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
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode ) n  k" K  O$ V% b
<INPUT type= "button " value= "check "  > . ^5 |0 H# X2 P  R" i$ C5 F
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">
 . ?3 B) F5 w# u/ s6 G8 `; w
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  > " K7 N# A: u  j( N+ P4 x. S+ R
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: " c- E$ a0 y3 z& k+ \& ^
<script language=Javascript>
tim=1
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 "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){ $ K: H" W3 f& y" `  q% I3 i' v
document.write( " <form name=autof> ") 0 D/ A/ |4 m4 H3 C
for(var i=1;i <autourl.length;i++)
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 8 z1 g- i; B7 c  G- A# X
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") % `* @1 A! X* G, j
document.write( " <input type=submit value=刷新> </form> ") % k! U2 o# I7 i  e% A6 \( w: H. j8 V
}
butt()
function auto(url)   W7 {- D- c' J
else
b++
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 / q+ T1 x  b' e7 k. L+ u
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script> 3 {3 q; h" M# E6 L' G' C
37. 各种样式的光标 ; O' ]. J' p6 z" S. p1 a
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标 3 y: W! T( D$ m* i$ J) a* t# y
text ：I形光标 - l/ r; \  _2 ]& l' w
vertical-text ：水平I形光标 ( B) [7 W3 Q  k; m1 }
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标 7 M, l( j7 O  @+ n2 j
crosshair ：十字标
e-resize
n-resize 8 S  R9 Z. n6 P
nw-resize : V8 L6 ^0 n4 x; j1 G/ \
w-resize
s-resize - C* u: ~* k! X$ |4 z
se-resize 7 m* o5 p( L! Z. w5 A+ L( l$ J( ?( ?' M
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 5 n, W) d6 K3 k" ~
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大 ! P1 V% G0 q8 Y7 `
　　4 下到上刷新
　　5 上到下刷新 : P! v; ~9 w' j/ B- l
　　6 左到右刷新
　　7 右到左刷新 * G" V7 o+ s/ P( c
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗 * [9 I4 M' u# F2 e4 s- g
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新 0 I. K" m1 L' K
　　15 中间到上下 % u7 M2 p7 }! A5 {
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下 0 {  h  w& C8 Q" y
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条 6 l2 g: _8 n5 \6 m+ i
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 8 |' x! i2 @; p" c$ O  X7 v, N# s
40.网页是否被检索 1 w* A9 K4 x5 Z: T" U
<meta name= "ROBOTS " content= "属性值 "> 7 t+ i( ]& ^5 g1 b
　　其中属性值有以下一些:   s& |% ^9 `4 g( m2 s( Z
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 3 L" {3 L" N- S
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； . B; Z1 P$ R8 \  L; t* d/ c
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？ ( Y4 q5 X( a3 M7 `
<script language= "JavaScript "> / \4 X6 @# ]/ \. |
 ) J5 N2 m! L9 H/ V8 i
</script> 8 ?) h! q2 \1 ?  v
% {& K, ?) Z% ]) h: A
  M6 {8 v& P2 w4 O( V
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> 8 }& V, _; B7 e, y/ ^$ u& S; m
<tr> <td> item 1 </td> </tr> 1 g6 ^: ]2 p! A7 N( c0 F2 C
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> - H4 Q4 K3 j- O8 r0 `8 Q/ M
<tr> <td> item 5 </td> </tr>
</table> 1 s  M4 r$ t6 `
<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> 6 Q2 k/ Z; H7 S8 E
<a href= "# "  > menu </a> 7 O% \9 q3 C3 ?3 p+ H. U) `
<form>
<select> <option> A form selection list </option> </select>
</form> 1 Y, G  F/ O. g% l3 h- c3 U
输入框也可以做的很漂亮了 ! o8 c' Q$ T, E& {
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> , e/ G. A" G$ y8 j% {0 O" J
                        外向数： <input
         name=answer # D0 C  l2 w/ n% M5 t' 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 2 N' {3 N+ ?( S$ `7 k6 K
         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) "> . J( C9 }" X5 f" F; Q
                     <br/>
                     总得分:
                     <input
         name=score id= "score " 4 m. O3 b& y2 I: ?7 c6 N. P& `
         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: X: Y, L4 j  d
                     <input
         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) "> , m7 f- N, X6 \$ f! A0 _6 ?' r
                     <br/> 9 ^7 d; y! [, b, Y
                     <br/> $ |: I( \8 }. L7 e' k

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> % p$ i8 b; E* D+ W8 ]8 N
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> 2 R# G$ t) w. v0 G+ m  f
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 , v9 q5 z- @" f! N) Z- b. [0 F1 s
<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 "> 7 B! j* x6 N4 s
                     <param name= "Command " value= "Maximize "> ( t# h( B1 t% c8 q0 \& G; k
                  </object>
</body> / K/ t) t( X) U& 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  >
弹出窗口自动关闭    m# C8 a" c9 B# Z
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript "> 1 w+ E6 c* Z( O: x9 T; @1 k) c

</script> - J: D% f" M, C- l0 O
<body> 注意：这段代码是在新建文件中的 ' t% b! h) h+ @& O% d4 V7 s1 X
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 ! p' ~7 w9 Y& J, ^$ s- e
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">   }1 O( E! `! q& [/ k
</object>

1 评分人数