另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键 3 k" I( M, G  g* @. T7 x) |( O" f
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table   `" ]' c& W! A& y% F
2. <body  > 取消选取、防止复制 % P1 h& O  d& i$ J
3.    不准粘贴 3 C" ?3 Q9 c, z7 l7 ?5 t1 z
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 ( ]3 ?; f( v5 }/ P$ \9 D
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script>
9. 防止被人frame # O) |( g. q  X, Q+ w6 g3 E
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为 ' V9 b& r0 ]" `4 G- E
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> $ y1 O) y) U' E- }
11. <input type=button value=查看网页源代码 1 u7 @$ D, h' O' j
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 0 q; k. e' s$ x5 \
13. 取得控件的绝对位置
//Javascript
<script language= "Javascript ">
function getIE(e){   I2 e% e! S( H" a( z. @+ ?
var t=e.offsetTop; " z- x& U7 @4 R, L7 o2 G# E
var l=e.offsetLeft; 5 T# }# f; W1 I) l; Q" t- I* u
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l);
} 1 i: t5 G1 D2 f2 D- a5 N
</script> . A8 N# y% T2 C/ J7 R
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc() ' G* N! Z2 K, V- r
{
var e = event.srcElement;
var r =e.createTextRange(); ' L5 F4 Q. K9 q" e# ?' L
r.moveStart( "character ",e.value.length); " S! ?* ?# V  E7 e0 ^$ {- j
r.collapse(true);
r.select(); 3 I' ^, R) K, R% j; {2 I
} ) j+ }0 x3 b6 l1 G. X& P. }2 O
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 8 s2 s7 V! s; D3 t
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 3 v- j* k: ]3 C- V9 W
<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 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()> / q# V& U8 G3 f! U' G
本例适用于IE ) N* q& q: X7 Z. u8 i( m& ~
17.屏蔽功能键Shift,Alt,Ctrl $ H. r, h' s% A5 f+ z2 s( u
<script> 0 t# j; Z) F/ `, f- o! E5 p
function look(){ , M+ M) c% C6 B0 D
if(event.shiftKey) - V% j3 d, \  U9 o" C+ x3 ?
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
}
document.onkeydown=look; 8 L. p+ x1 g9 I! o3 `* d
</script>
18. 网页不会被缓存 0 L! D- z$ ~) V4 G/ Q6 Y3 y  a
<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.怎样让表单没有凹凸感？ ' U$ Q( l: X" q: g
<input type=text style= "border:1 solid #000000 ">
或
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 5 U) P( z  j8 z8 u! t  e4 @% t
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行 + s" g4 m7 j9 ^; q! l0 M/ K9 l) R
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div> 5 ]7 j4 Z/ N$ X, A  W
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? ; G. G  j+ q  ?1 g; N+ d/ B4 s( K
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> 7 F3 L- j8 o9 l. q
</body> 9 Y4 @4 I+ ]9 K. ~( ?; [  [4 \
让横条没有: : n2 J. L  w. ?; O
<body style= "overflow:scroll;overflow-x:hidden "> 3 T5 C! h5 z- O* c: v& d3 z2 N
</body>
两个都去掉？更简单了 ! }: V: ?: ]8 L! A: [0 Q( i/ ]
<body scroll= "no "> 6 q3 I5 [8 D0 r6 Q. Y$ U
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ . i/ y7 P5 d: d+ j1 w
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a>
24.电子邮件处理提交表单 $ m9 L, Z5 E5 {
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit> . M7 I6 f1 f1 V% _
</form> 5 r2 R# u5 F' Q- F* d& C
25.在打开的子窗口刷新父窗口的代码里如何写？ ( `5 @% D7 R# Y& w
window.opener.location.reload() ) I1 @; o1 n( E
26.如何设定打开页面的大小 ( Z! E6 u' f, W$ u5 m5 }8 d& Y" @9 U8 {
<body  > 6 z4 N2 ~) P# E  @; [" e
打开页面的位置 <body  > 3 Y) h0 e" }9 n8 [; `
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 . o  ]# J* @" x1 p5 C% `
<STYLE>
body    G5 {+ j1 P- M& g. Y
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 4 C# L' p4 N1 @7 |3 o2 y
background-position:center;background-attachment: fixed}    O- Z- [. f" t% B) d
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> + v: \+ |0 E% {* d# x
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); * _3 _8 d* f" y3 [2 X9 @# o. @
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 & _9 @" o& I" K& f4 x2 g/ {' N
<textarea rows=1 name=s1 cols=27  >
</textarea> ( G. u4 S( X- h# c, j+ x
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理 / {, K9 O" ~2 K4 m( r% T
var a = new Date(dd) 6 c! m3 `$ w2 q8 c: C3 u
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 / Y0 J$ ]  i) \. R% J
a = new Date(a) . g4 F5 f  \. y* a
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2)
</script> , q8 G8 u9 u! F9 e
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> 8 z* F1 W( L7 m4 D! P3 \
function checkme()   O+ p9 r/ r/ I$ n- k
for each ob in radio1 & @& A/ g& A/ }1 H" y$ n
if ob.checked then window.alert ob.value
next ' H! P6 S# h1 _2 n
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style 5 [$ Y, C& e5 y: X( N: D
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML> ! p* W- D! E& l: p2 m9 u
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> ; X" C$ y5 h; J4 k* [( ^
35.ENTER键可以让光标移到下一个输入框 " C% g0 f9 X! Z
<input  >
36. 检测某个网站的链接速度： 4 p8 e) E- k- D! d: y, z% _4 h
把如下代码加入 <body> 区域中:
<script language=Javascript> ; N$ L/ ^$ f* f/ @
tim=1
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " ! d9 |' a3 q! b  E+ P6 q
autourl[2]= "javacool.3322.net " 8 C9 z( s6 x( H
autourl[3]= "www.sina.com.cn " + ?- l( ]  E/ u" O4 Z- H$ _9 R
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " - }- Y) ?) V+ R9 f# g7 f' d
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 ( o) t0 Z2 A- o- V4 v; h( ?$ _+ g
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") 7 L" k$ b0 y9 b2 Y
document.write( " <input type=submit value=刷新> </form> ")
} * u1 e" Y& @# x, R4 ^, K  \
butt() " Q0 w3 H$ t1 l% E5 ?& a1 E! ~
function auto(url) ) p4 E. ]0 d6 {" ~6 Z: Q  ]
else ) g& z. R" m8 j9 Y  [9 J1 Q
b++ 2 d" Y; {9 s! m7 f: L; U! {4 m
} $ w5 _. V, p9 o' c/ t3 S0 n
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 2 L3 k+ O  k1 @' _+ A) @- J
onerror=auto( "http:// "+autourl+ " ")> ")} ' |2 Q* O7 F* P7 l  e3 Y2 f6 c
run() </script>
37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标 ; b/ T& z+ E  H2 V% l7 {  F3 x
wait ：等待光标 $ q+ h# ~, v: E& \& E% R
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 . i9 W4 j8 l$ z  y
move ：移动标
crosshair ：十字标
e-resize
n-resize ' w3 G2 c, F2 K4 `, x2 l
nw-resize
w-resize
s-resize : U4 X  j# L: |' `: C) x' T; O
se-resize
sw-resize
38.页面进入和退出的特效 6 g* i- c9 S% d; }  ^
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> ! U9 _/ V/ Z6 O6 r* q
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    . X( k7 d) P8 o$ T
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 3 l& Y: J- L6 m3 r/ b
　　1 矩形扩大
　　2 圆形缩小 ) n3 P4 m0 b6 {8 ]. q( H* m
　　3 圆形扩大 . |6 _0 }  x; s0 i5 s6 l
　　4 下到上刷新 & j, W9 s; ~# n7 y/ Z9 \" b
　　5 上到下刷新
　　6 左到右刷新 ) m4 \4 j# z& I( p* D' B
　　7 右到左刷新 * \  O" V7 P( x) V* S; u* R7 X
　　8 竖百叶窗 . U5 v/ P. l1 v1 ?, u. |2 B
　　9 横百叶窗 ; d0 q! N- o* l: h+ q
　　10 错位横百叶窗 6 a; j1 `* r9 i
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新 0 @+ G, Q; }5 Y, \& k7 Q$ _" G
　　14 中间到左右刷新 - x: f0 m4 V# Z$ Z; T: R
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下 . U- _9 O4 @6 l, T/ v, K# z
　　20 左下到右上 5 _' [" G# O$ e7 X! l: n
　　21 横条 + X" O# Y2 _& r- F) ^8 E  z
　　22 竖条 ! n/ x. I+ {4 y7 X# v3 f
　　23 以上22种随机选择一种
39.在规定时间内跳转 ( F3 o* I+ M) x/ z0 `3 n
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 ">   e9 R! \/ \9 u& ?
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； ) u; b) \  m+ d. i2 h) s1 S
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 6 d% {% K# f. p
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； 7 A, B, S& w+ @0 v* m' y4 J, A
　　属性值为 "noindex ": 文件不检索，但可被查询链接； # w& c$ u- a' _- U: ]- o, s: L  E' i. N
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">
 7 n& l/ X' n$ H  F
</script> 2 a7 v/ t% X6 K- R4 m) V
/ U3 \( {) ~% l# J2 g: v8 s  u4 l

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： & q" t; y) T) S9 d; A) n) j1 E
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> : e* Q% M) @# y5 a
<table> 5 S0 S3 ~+ ^+ f+ B8 M8 A# o( W
<tr> <td> item 1 </td> </tr> - N. O. [. i0 I9 x4 i, k  a$ z7 X
<tr> <td> item 2 </td> </tr> 9 q" x, i, H4 {6 ?
<tr> <td> item 3 </td> </tr> ; Q2 _  r' Q% l* s9 S" V
<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> . n' i' a& E: z) s5 `
<form>   i$ g  h: K: @( Z  v& W
<select> <option> A form selection list </option> </select> 8 w) E+ s4 R3 l, Z& a+ p- r
</form> ! ?' Q- k6 I: B% J
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <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 - k% @/ V4 v' ?; B; ~8 T. o
         name=unanswer id= "unanswer " % _3 G% c: d; q
         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/>
                     总得分: * W/ y3 \4 Y" X. d; ?
                     <input ( P+ @! O* r- D( @
         name=score id= "score " ' x' C7 @, J& b9 _% y' l
         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) ">
                     　结　　　　论: ! d& F; z& r  p  y9 o$ A
                     <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) ">
                     <br/>
                     <br/> . ]5 f% p6 ]8 L( L0 f1 N7 W
                     1 V6 w; k% d5 G$ w: H
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> 2 p2 [6 |4 O6 P3 q2 E' [
                     </div> 6 z3 I7 x. n5 L7 D% a
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 5 k/ r9 ~$ o, h0 W( ]4 A
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 3 ^) s" Z  [8 r$ `- J3 ]
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> - X- \( `6 {9 w$ ?/ K
                     <param name= "Command " value= "Maximize ">
                  </object>
</body>
页面自动刷新（说明） ) M2 \3 O) Y: P: e" Z2 z6 d8 n. j( w  z* m
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 5 B6 B* l2 t+ r! T- u( z( \( D
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  > 6 \' |4 ^" H7 v7 S% K4 p
弹出窗口自动关闭
10秒后弹出窗口自动关闭   [1 q! S0 Z8 L' o6 V9 I
注意：在新的tan.htm的body中要加 <onLoad= "closeit() "> 3 T* G6 m6 F2 |, V$ w  K
head
<script language= "JavaScript "> ! g' s- k" f! r& d
 - g5 u  n. r, ~* A8 s! W
</script>
<body> 注意：这段代码是在新建文件中的 4 U" U# R( j" i5 g+ V' y7 t! f: d
<script language= "JavaScript "> . m! L! J1 s4 F7 |. H
  function closeit() 7 R; h% B& k  j# R! A: M4 W
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> $ p& w& q, q0 A" F' s3 y  ^5 {  g
</object>

1 评分人数

我很赞同 金币 + 10

zw2004

帅的没我有性格，有性格的没我帅,鹅,绝不是一般的人`

返回列表

另类实用代码~ 家底奉上

[收藏此主题] [关注此主题的新回复]

[通过 QQ、MSN 分享给朋友]