另类实用代码~ 家底奉上

网页代码

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 + R6 ~+ a8 ]. p" n
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法 8 k2 ?. o  D6 @! [
8. 永远都会带着框架 3 k$ |0 W6 j; x- h3 `, S/ o% I
<script language= "JavaScript ">  </script> % q* j8 ^; m0 L& L: j
9. 防止被人frame % \) ^' L( g' k/ Q7 n; Q
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> . m1 N8 U% P# r5 y5 c- d$ U! Y' H, R
10. 网页将不能被另存为   [! H- l8 {( e+ Z! F; ~# E
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 # [/ H' i3 W" }8 U$ @
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> / n9 b; N. Z0 J$ ^0 W0 }/ B
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> * a$ _; h4 t: U
13. 取得控件的绝对位置
//Javascript - q% D' P# O  \. o1 Q- ^
<script language= "Javascript ">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft; & e- P# \# \2 L$ y
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); 7 `& v1 a( @2 ^( k7 h
}
</script>
//VBScript
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc()
{ + x% m- n/ [" x/ @( G2 [% g0 l/ E
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true); + C! m; Z' z9 v, f5 ^9 S
r.select(); ; p6 ~0 x$ f$ H! {
}
</script>
<input type=text name=text1 value= "123 "  > 7 X5 i9 U$ y+ E' N. V; b  ]
15. 判断上一页的来源 ! v& K$ p3 m" I7 K
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 # |9 x1 s. n5 z$ O# S6 v
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> - ~! w: i# m$ |
<param name= "Command " value= "Minimize "> </object> ! H" q1 P* F  Z% K$ L
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> ; n' K# I% Z" r! b
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> & A& R" L. K5 t6 _2 O! ~# D
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> 1 o0 a# D+ G, ~' _, o# |2 O
<input type=button value=最小化 onclick=hh1.Click()> * G; y' q: D8 D( W9 I# X, ]/ W' q4 n
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()> ; O7 o! h: `; Q) t" s
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ ) s& w7 p- m3 o6 O: Q3 V  y
if(event.shiftKey) ' S: E# `+ @' ?
alert( "禁止按Shift键! "); //可以换成ALT　CTRL # ?9 q. C  }  W2 A' h( W( g6 Q) U' N
} 5 @0 z3 H1 [, M$ l3 _, t
document.onkeydown=look;
</script>
18. 网页不会被缓存 8 a9 c" @+ H5 l# p* c
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> ' i9 U+ e9 d& ]2 t, m
<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.怎样让表单没有凹凸感？ 7 _* o! o5 T4 i) H" p
<input type=text style= "border:1 solid #000000 ">
或 # `* z0 X" i/ o& y8 G: H! {' ~1 o
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: " B, B$ W# Q! l* f# W4 u
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 + p" H) L9 U( A: M& A0 p* ~: L- s
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: ) y8 a1 V8 O6 ]1 ^7 e2 Q: i* G
<body  > 5 b1 I% B+ o- v; l- S
22.不要滚动条?
让竖条没有: / ]* F4 P/ s6 Q
<body style= "overflow:scroll;overflow-y:hidden ">
</body> 5 b1 _+ }; D8 u1 |
让横条没有: ( K* k# _" C1 i# D) A/ ^
<body style= "overflow:scroll;overflow-x:hidden ">
</body>
两个都去掉？更简单了
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ ' j1 B9 Z3 C. U8 l+ p* b
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 3 }8 g- l. y% l' K3 @( P1 E& [
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> ( V- d; N5 a8 y& U" \; t$ b
<input type=submit>
</form> 6 L* ]8 r' M, s; M9 s+ j$ ~
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小 9 R8 v, M, q; ?' B
<body  >   h% m1 m0 Z* B8 y
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 6 m* e0 d( j6 M/ K
<STYLE> 8 s- k# V4 A" M+ W6 Q
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 0 ]# n' B0 s+ F) d4 F& L! x
background-position:center;background-attachment: fixed}    _' r' J' @. W* G% a9 u
</STYLE> 7 _8 Q; D6 |2 }* v
28. 检查一段字符串是否全由数字组成 1 K2 n) V4 U- |. p& m& A; ^, T7 v" h# \
<script language= "Javascript ">  </script> ' t. T! r/ i" @% z$ \% E; ~* h
29. 获得一个窗口的大小 , A. k  R8 H3 J9 y
document.body.clientWidth; document.body.clientHeight 7 M$ M9 Q8 G8 j$ X/ d& T* v
30. 怎么判断是否是字符 8 B+ K% V0 u7 K4 G( g3 b' ^5 ?
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); / D  m. B! n9 g. A  Y. K8 p0 ?
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 ( u/ L- ?: O. Y1 `
<textarea rows=1 name=s1 cols=27  > $ r" j3 ^1 H& r! W9 J3 \
</textarea>
32. 日期减去天数等于第二个日期 ( E3 Q# ]6 @0 f# J
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd) 4 R6 R6 {8 [% O, z! z$ U; N
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) . Q9 }# e$ \$ n2 p: \' {" W
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") . y4 c+ `1 y1 v
} 8 h' {6 d) K* B! B" n
cc( "12/23/2002 ",2) / _+ g. [+ N6 y9 P* n
</script>
33. 选择了哪一个Radio 5 B! @3 m7 p, L2 e
<HTML> <script language= "vbscript ">   V1 U2 Y! o% ?3 Q
function checkme() % K- B; c# _' ]2 d1 t5 y) u
for each ob in radio1
if ob.checked then window.alert ob.value
next ; j) v. j0 `+ F; t/ O0 j
end function
</script> <BODY> - D4 X, P  [: s; j: U9 m
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style & ~  ^1 g7 F3 L% A2 {% j, L" O
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">
 0 f& H4 n- |# `! [( D  U, v
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度： ( N# I! g. H& q6 s
把如下代码加入 <body> 区域中:
<script language=Javascript> ( G6 N+ K6 m/ ]$ D; A
tim=1 6 O4 T1 \5 t4 Z$ i4 @! }# \
setInterval( "tim++ ",100) ; O: w& x  E! z; m- e5 @; q
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " 7 S" L+ J6 R$ G
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn " 3 L9 ^& {0 `: l" ?
autourl[5]= "www.cctv.com "
function butt(){   J, W( c* u( E/ \+ J% R& h$ A: M; R
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 2 W0 R7 H, V% ^) J
name=url "+i+ " size=40> =》 <input type=button value=GO . V8 y- p/ {' t
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") & a& n5 Q; k  Y2 K; r
document.write( " <input type=submit value=刷新> </form> ") ! T1 p7 A# b: e  z9 G' B
} / `  J4 s6 ^  g7 g% n0 t$ ?4 g
butt() 5 u7 {7 l* g. T/ ]- O; P2 n
function auto(url) ; C5 W: T5 r$ y4 e
else 9 Z  }! X, q2 z- m2 ^: E  Q
b++
} 8 e2 @) O( Z8 H$ E, }: `. v! _
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+ " ")> ")} . T: `- F! y2 x
run() </script> 2 Y9 N, ^; c+ A! o' l) W
37. 各种样式的光标 8 y& i4 z8 T, g3 U1 _! h' F( ?
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标 # x0 p+ \8 ^0 z' E1 O5 R6 A( L
text ：I形光标 / d1 N& U: e  ]4 Q. B0 R  d( n
vertical-text ：水平I形光标 " V6 b3 |$ s1 W: d& w# K$ r! V
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 6 x% X1 Y1 j. a# _
move ：移动标
crosshair ：十字标   X0 `, ^) s: T3 ^; Y3 `& L3 a
e-resize $ l1 J5 L& {6 m' g- E
n-resize - S$ i7 |3 @( D" D# k9 X
nw-resize
w-resize
s-resize
se-resize
sw-resize 2 t3 Q% \9 M# S6 y: A6 F3 y
38.页面进入和退出的特效 % D* O1 ^) T" `% _8 i) C8 l
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> ! z7 ^8 q, W9 r) H6 }3 F4 D" K
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: / s* T8 a$ r, ~5 y! T$ o& B
　　0 矩形缩小 1 F0 {7 x: z: p, C% O
　　1 矩形扩大 $ |9 d1 W  g; X9 H) y0 G
　　2 圆形缩小 * |2 z! r8 T( P" Y
　　3 圆形扩大 8 L) @% u3 C* `4 }8 O2 g
　　4 下到上刷新
　　5 上到下刷新 3 {3 T5 T/ ?3 l, c3 N
　　6 左到右刷新
　　7 右到左刷新 3 a8 }" m) W8 m( Z
　　8 竖百叶窗
　　9 横百叶窗 3 l6 b  X+ \0 {8 r" d2 f/ L- r
　　10 错位横百叶窗 3 [) B9 y! |# e
　　11 错位竖百叶窗
　　12 点扩散    Q7 a# g- ~9 S- v2 B7 t
　　13 左右到中间刷新 6 d$ v  y- F/ g2 B' F( K
　　14 中间到左右刷新 & u9 a2 R! X* z- x0 [
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上 9 h7 c1 I! z/ F7 g! a
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条 6 }6 W0 w$ j) G
　　23 以上22种随机选择一种
39.在规定时间内跳转 $ o9 l# B6 Y& p+ g
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 9 r6 C0 n% m2 Y! ^9 l
40.网页是否被检索 # K* x0 M9 K2 y. ~
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索； 7 [% Z, n) K5 \( S3 T7 L, \, [( O
　　属性值为 "follow ": 查询页上的链接； % W( [* M, U) @3 M
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 + D! Q, F7 J& Z7 G& e6 Y
最大化窗口？ % j& x) d$ B: b/ {- ~0 ^
<script language= "JavaScript ">

</script>

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： 6 ^( D  y. t0 _0 u
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> # q4 U$ Y, j' Y1 S9 q  V
<table> 3 t4 u2 Q' p$ f
<tr> <td> item 1 </td> </tr> 0 V* G4 G/ R: x0 E
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> ! s1 |' O/ i( k" ]& M
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> $ [9 y: ?0 ]0 Z4 \: h; r
</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> ( A5 b& r/ {. j. s
<a href= "# "  > menu </a> % \6 ]# P/ q/ Z$ h9 N; O
<form> 9 B3 P6 d4 K/ Y" e
<select> <option> A form selection list </option> </select> ) x" v4 u/ \# K  s  w
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> % ^3 |3 z0 I0 X- a2 K) B3 {
                        外向数： <input
         name=answer ) r$ S1 U9 m  ]3 {
         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
         name=unanswer id= "unanswer "    s; n1 N( T: C& C9 u: o7 L# a8 E7 |
         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/> $ }- x/ k+ f+ ]
                     总得分:
                     <input 0 ?2 S/ q- n8 U2 k6 h
         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) "> 2 z9 v) _+ m$ P" D- K
                     　结　　　　论: ! [; x: Y& ]! h# w6 P
                     <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/> 3 ?. E/ L9 F& l( d' |& C; k  q

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button ">
                        <input type= "reset " name= "Submit " value= "重做 "> $ u& t  r' \4 O* j, x/ d
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 $ N& U4 f! c$ f: n1 R
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> " v' v! b# s" \/ [. @* Q
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> $ n$ v# H! r: c. y* Z
                     <param name= "Command " value= "Maximize ">
                  </object> 7 s9 C# O9 Q& O9 w
</body> : c6 I3 h& [$ n' J! i- S9 i8 c
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 ! n9 ^. _. o3 q" [" I
1，页面自动刷新：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 1 K+ f3 h# j- V5 }4 {
2，页面自动跳转：把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 6 L: i7 K/ e% x' ?* N8 }7 C; g
页面自动关闭
5000是指时间 <body  > " O) y" p% T( ^7 y! G
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript "> " J$ ^: e5 h+ n! x7 M

</script>
<body> 注意：这段代码是在新建文件中的 " X2 i% Y8 ?! M0 a
<script language= "JavaScript "> + d/ W) p; [# G1 o7 v& {. W3 J
  function closeit() ( ^6 ]6 Q( H- s& Y
  </script> , v9 e( |% t5 S: {; ]4 R8 G% {, T
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> + g2 Y8 I# U+ `
</object>

1 评分人数

我很赞同 金币 + 10

zw2004

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

返回列表

另类实用代码~ 家底奉上

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

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