另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 + Z  a1 P8 Z+ A' }! J# F* F0 t# |
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 . O5 X( S0 ]! [* Y4 ^* J, }
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 6 J6 S4 F8 q8 l0 L4 Q) H
8. 永远都会带着框架
<script language= "JavaScript ">  </script> . k) w; e6 b7 t( j4 N& Y
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 / U  `. B- |" R" P( O% T( V% }
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> / r  T5 Y# B# [0 A: P9 ?: O: q+ r* V
13. 取得控件的绝对位置 % L& M+ L* O* ~2 `: A
//Javascript & F1 f( T! q; j# ]9 ]! d: B0 y
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop; % y5 }  @5 N' {, \
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
}
</script> 1 W# \. X3 `5 [' d* m! J
//VBScript ' O& y& E& ~4 m
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange(); . {9 n+ W' W5 E) H
r.moveStart( "character ",e.value.length); 5 G# k+ C' E$ l# w* Q: R
r.collapse(true); 3 W1 e& y" r+ o! @4 t0 Y$ h& E6 B
r.select(); / E* j% w/ z# M1 g$ t
} & @$ p5 |& d$ D% _( g. d
</script>   ^6 ]2 l$ g) W/ {% _$ r: s0 g, h
<input type=text name=text1 value= "123 "  > - x) D* q7 U3 R1 l+ L: K% o5 k* Y! _$ S
15. 判断上一页的来源 * }+ ?9 Z4 o$ R* G# {- }
javascript:
document.referrer ( P, X8 A) U) l& D
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ; S6 x/ B4 c- v0 ]1 Q" }1 V
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> 1 t$ h4 ~8 A" K& }+ ^
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> " D/ A3 R6 ~: U& R) o
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>   Q9 G6 Z! n# H# O2 Q* d  b
<input type=button value=关闭 onclick=hh3.Click()> 5 X5 w3 n8 W8 n+ S8 R
本例适用于IE ) w" K: y3 {7 v& ], z% S. n9 f  j
17.屏蔽功能键Shift,Alt,Ctrl
<script> ' B: R& p+ D$ m. ~7 ?
function look(){
if(event.shiftKey) " j/ c, _9 m* c1 V4 x
alert( "禁止按Shift键! "); //可以换成ALT　CTRL + R  v6 q5 n, Z  m
}
document.onkeydown=look; ! P, D4 r  ], a% l* m3 T5 _. g/ |
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> * }5 q4 N8 x) {% A; B0 W# G
<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.怎样让表单没有凹凸感？ 6 w. H  k& S9 {, Q3 b' j" D
<input type=text style= "border:1 solid #000000 ">
或 & E( W' C5 }" ?: ~
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea> # {6 u5 W% @; c3 B* C
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 + ?1 u$ j. s2 [# }4 v
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: " h0 f7 h: x: u# D2 R2 F( |2 v
<body  > 3 G( ~) G$ U. E% w! M0 ~; e4 O
22.不要滚动条? ( S7 `  [. Q+ M) B( S; \) m
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有:    f& t" L+ H* D2 x# L, @
<body style= "overflow:scroll;overflow-x:hidden "> $ V9 G9 N7 v' u8 \! e8 M
</body>
两个都去掉？更简单了 % w6 {8 k' G' W9 a( S- u. X4 y% j) k
<body scroll= "no "> % W+ R  G6 O# {
</body> 6 o5 K9 L5 `0 b8 z  [
23.怎样去掉图片链接点击后，图片周围的虚线？ 6 Y* U# l3 Y. \
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> + l4 r0 E3 Z) U  G! X
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> 4 e/ o& e: W% g0 ?: M. u! l3 x( c
</form> % S4 R. q  r6 r" ]
25.在打开的子窗口刷新父窗口的代码里如何写？ 7 a$ I/ _7 Q; ]8 X& u
window.opener.location.reload() - n' c9 k) ?1 t+ I/ H
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 ( U- M, a  ^! ~  ?2 T( S+ ]: C+ j
<STYLE>
body 0 I, t3 I8 Q6 L7 d7 l
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE> : ?( L6 C+ @! h& @# {7 k
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> + I$ n8 [5 D! _. A8 L
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight / z  j# U1 S" R' Q
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); * o8 @! ^! \, n1 O
else alert( "全是字符 "); 5 x% v7 u! O/ w5 V% r" D$ S
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27  > ) y5 t, E) |4 F8 P
</textarea>
32. 日期减去天数等于第二个日期 - j7 R: W# ]. R9 J! W
<script language=Javascript> 2 \9 d7 ~$ E3 H' r/ v' i$ X
function cc(dd,dadd)
{ 6 V" ~4 L/ d8 c! _! `& s" [
//可以加上错误处理 ) M: G+ ~6 U% m" W* q% x6 _7 G
var a = new Date(dd) 1 X  [  l) Y7 d! h2 O
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") . J$ @* E  T+ _+ \9 {, Y
}
cc( "12/23/2002 ",2)
</script> . g' D  N6 z5 k8 I
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
function checkme() $ o2 e; r% r+ X0 W! ]
for each ob in radio1 3 |' O1 r3 a3 W1 H# k
if ob.checked then window.alert ob.value
next
end function
</script> <BODY> 6 v7 o" d" d7 r1 `$ h- L" S
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode 9 B; K; J1 Y/ g6 {6 q0 h) ?( Y
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错 ; e/ J8 }( P5 E) I2 {5 B+ t
<SCRIPT LANGUAGE= "JavaScript "> 0 b) i# n( B2 b
 + M; S9 f( w1 a% e
</SCRIPT> : [4 L0 w6 |% k% i4 Q
35.ENTER键可以让光标移到下一个输入框 # u4 X) R0 n4 W9 c: }" g
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: * T7 q* u! [+ H, u8 o7 u3 I9 C
<script language=Javascript>
tim=1
setInterval( "tim++ ",100)
b=1 - c& x& W- G. V& ]6 k
var autourl=new Array() 1 T) n& `! q9 P
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(){
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 9 y/ t3 T; n- m+ S3 q  m
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") ( |* R3 ^) G, b
document.write( " <input type=submit value=刷新> </form> ")
} ' E& D0 v$ P; e, l2 c
butt()
function auto(url) 7 B" Q: D$ h8 }3 S% G6 i
else % g9 s" s$ Y/ V/ g0 k
b++
} ! j6 W+ {# y! h! [1 F
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+ " ")> ")}
run() </script> 0 H  L' B6 q3 s6 [8 b1 v" o# F
37. 各种样式的光标
auto ：标准光标
default ：标准箭头 $ T5 v* `& ]: H  {+ _
hand ：手形光标 ( P3 Y- Z. L" R
wait ：等待光标
text ：I形光标 ; _% T& a  j& z1 u1 a
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标 ! C  ^; u6 [5 \* x
help ：?帮助光标 1 f( c; i; }+ [/ b' u( O- I
all-scroll ：三角方向标
move ：移动标 ; j( C$ \) t; ?4 Q2 _: S/ P
crosshair ：十字标 ; S; [6 }5 K" C6 o
e-resize * ?! `  I1 j1 Z! h1 u% r6 r
n-resize . S* @/ J5 ]: o; I; s8 }5 {# k' }* _; r
nw-resize " X* C. }% G4 K* E7 ~8 H$ O& h
w-resize
s-resize ' L! z/ H% w3 s. i
se-resize 0 V# B' u# Y- P" K- R( g. h
sw-resize
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> . j( g- A+ c2 C# K7 C
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    5 ?6 t7 j1 E4 N3 A3 f
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 : T0 B  K1 X8 M3 o$ I
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新 , Z* W$ H: x3 |: l
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗 ; G6 X, X2 E! ]' @5 M
　　11 错位竖百叶窗 ) p, b9 G9 R- m5 g; u* w
　　12 点扩散 : \" B6 u/ d" L$ m: i
　　13 左右到中间刷新 * Q) ?& h, _: x! g
　　14 中间到左右刷新 % [+ Y3 S% @, V2 u3 y' ?# j/ x; L
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">    ]! e( g$ ~5 S3 T/ i
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> ) l2 v- {8 C5 ^
　　其中属性值有以下一些: / ^% W, r. w0 a) q) {7 g' t' T
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 , i) {  e( t" x
最大化窗口？ 2 U* f1 @( w0 S& ~; B
<script language= "JavaScript "> , U  O4 k, s4 G7 O0 x

</script>
% m* \& @# X/ ]" ~% \6 U

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： % u* Y) K" P3 v7 v* Q( j
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> 0 }1 ^' I3 G% F* K& F
<table> ; J3 P- M4 |; `! H
<tr> <td> item 1 </td> </tr> 1 s: \) n! u# T" k
<tr> <td> item 2 </td> </tr> $ Y4 H; e' i) s$ G
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> - d. b4 u8 G0 g: R
<tr> <td> item 5 </td> </tr> 6 h& U( U$ F) m" K  ?
</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> ) _8 m9 _0 k& w1 Z, p! b. U7 G
</div> 1 o& r9 F) B. d% e# H/ K" ]/ _( W
<a href= "# "  > menu </a> ) R& T) n$ S2 n, U
<form> % m% S$ n& |4 `# C6 {( a/ [
<select> <option> A form selection list </option> </select>
</form> " U+ g6 k: ?- q$ I
输入框也可以做的很漂亮了   C; Q1 y2 ]! X0 k4 |/ I
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input ) |9 l& h9 F9 `* H) m0 B/ s  T
         name=answer ' c5 S+ O8 j' h$ h4 I
         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) "> % P6 G9 w, z7 j8 v+ v
                     　没回答的题数： <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) "> 7 B$ L0 G+ `8 A
                     <br/>
                     总得分: + a6 I( C1 @! x# \3 |/ M% A
                     <input
         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) "> 5 c! F" u3 p/ o. A0 f: @
                     　结　　　　论:
                     <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) "> % {0 [% }, y, w; J# u8 ]0 U
                     <br/> ( v+ v/ }) s* ]! ?5 d0 D
                     <br/> ) d; e2 j, h. |: M. s
                     ) V) |, o/ B, z& p8 K& N
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> - v" b% ^+ Y' U: J8 I: [5 m* g1 P' ?
注意：修改 <body> 为 <body  > 即为打开最大 ; }/ S; J6 U. C! Q
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> : C' v- f9 E6 E4 w  i( ^
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> & w- d7 |6 |* ]' t7 [
                     <param name= "Command " value= "Maximize "> ! x7 q5 i% g7 r1 o4 f* h; n8 i) u% u
                  </object> , y1 E8 b& ^8 g) ?3 }" H& i
</body>
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 & |4 u2 O* A( j# L) B
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页面。 : Z- z; M. G" n; A$ ^
页面自动关闭 # r- O% j* s0 V1 `' t1 p( |' T
5000是指时间 <body  > 1 n& s9 _. X$ r2 k6 T- k; f  Q
弹出窗口自动关闭 + }* e0 \: U& n; C# p" o
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head % ~  }: x( s: a0 n. ~& ?4 W
<script language= "JavaScript ">

</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域 - J& f7 n. n+ J/ y( a
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

1 评分人数