捌玖网络工作室 - Powered by Discuz! Board

标题: 另类实用代码~ 家底奉上 [打印本页]

作者: solidvacuum 时间: 2008-5-7 19:55 标题: 另类实用代码~ 家底奉上

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制
3.    不准粘贴 $ x# c& g0 D8 [. t4 B! J
4.    防止复制 : }, B) Z( P6 a, C" n2 m4 Z
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 : X, A( a1 V2 `7 C. _6 _
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 % ?- g  D2 ]: r4 W
<script language= "JavaScript ">  </script> ; d6 _# N: n2 f2 A' c% y9 }
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> 2 F8 Q' n$ `( [. [% |6 D
11. <input type=button value=查看网页源代码 3 I( r+ F" v8 T; ^5 d; d3 A6 A
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置
//Javascript + L6 ~+ V' O& _% x* [
<script language= "Javascript "> ) i- {! ^" c$ P, Q$ T1 q
function getIE(e){ 3 |9 `/ f) ~4 p7 j2 E
var t=e.offsetTop; 7 }3 n2 Z7 M- _' w% |% K
var l=e.offsetLeft; + c" Z9 ^6 C$ E, g& v) i3 c
while(e=e.offsetParent) . C: s4 q4 z: Z' c- ~
alert( "top= "+t+ "/nleft= "+l); % r4 J( H  F/ [9 c/ W
} / I4 F0 f3 z9 c' _
</script> * w/ s0 J0 o; L4 S; I  u$ S
//VBScript ) ^; g, L& o, c" A3 S" Z$ _: I
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后 2 c$ {, X# t; c+ ]$ v' V# C
<script language= "javascript ">
function cc() - y& f9 |! D- C$ J
{ + ?; g1 h( c; ]2 W4 }2 ?4 ]0 r, Z/ d' W
var e = event.srcElement;
var r =e.createTextRange(); & q) d+ M( `" n6 v9 [  z
r.moveStart( "character ",e.value.length);
r.collapse(true); 0 L# r( Q- r8 X! U- L
r.select(); 6 }( F: P# P) |+ b' k5 z
} + |) }" g5 `/ K/ r( y0 ^; B
</script> 6 F6 O5 d+ f( `3 H3 B8 D" e
<input type=text name=text1 value= "123 "  > / y5 u8 ?3 Y) U' d. Q
15. 判断上一页的来源
javascript: 9 m7 W% O5 Z  m+ y7 u. |+ c
document.referrer - q5 A+ o) t' X2 v
16. 最小化、最大化、关闭窗口 ( ~: ]( J" p7 ?- ~4 a0 V
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object> 6 i0 y  T) g" R
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> 2 Y2 p2 z" Q) D* O
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT>
<input type=button value=最小化 onclick=hh1.Click()> 9 I0 w! [  f3 E' U
<input type=button value=最大化 onclick=hh2.Click()> - t# A& l9 B4 E+ q2 ^) R5 D# Q
<input type=button value=关闭 onclick=hh3.Click()> : W2 @' R/ c9 A' M$ y) V+ E3 K6 \, C
本例适用于IE + \; a) v) _+ g
17.屏蔽功能键Shift,Alt,Ctrl / W2 @/ H$ s& ^  x4 d3 M3 N
<script> . n# J7 t# w1 Q! T
function look(){ 2 @) S- s+ _* j0 j- [
if(event.shiftKey) 4 g7 i6 i+ V% g! H
alert( "禁止按Shift键! "); //可以换成ALT　CTRL + H9 C" \1 z7 c
}
document.onkeydown=look; " g  [/ E2 W  c! b! G9 V# e
</script>   Y- j$ |1 T9 S
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> " z$ }; f* J6 f! ?% I& {. H( _  {
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> $ w! r1 |+ i: ~" @
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> * C5 |. A8 H  n0 n( |
或 ! N5 n) n6 t6 ~( H  o# I+ K, a
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 0 P! a2 N& C; X/ G# F# E
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 3 g8 {0 E6 R4 ]0 K$ S
<layer> 是ns的标记，ie不支持，相当于 <div> ( s. C  k. w6 V7 a/ z$ s; Z+ D
21.让弹出窗口总是在最上面: 7 C# b. ^0 i% T, U' C2 ?5 \7 u% C
<body  > ! l3 d, U7 v9 a
22.不要滚动条?
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> . t  g2 E$ Z: ~2 x
</body>    k- ]& L/ H; p
让横条没有: / p( H8 }& Y6 t. |  Y* T
<body style= "overflow:scroll;overflow-x:hidden ">
</body> + u( G( _' C- ^# X8 t
两个都去掉？更简单了
<body scroll= "no ">
</body> 0 b1 s; H2 t# ?) G' O
23.怎样去掉图片链接点击后，图片周围的虚线？   i- w! _, t) d, M8 R; I$ N; ^
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> ; ~" L7 K1 d& P0 L6 _8 c7 t
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 1 n2 o  J( d. V" _/ |
<input type=submit> 3 q1 O# e: @1 I- D& p: a8 k% ]0 U
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？ + q1 d3 ~6 G. B  u+ b
window.opener.location.reload() ! P. l+ q1 N' t
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  > # _/ I7 p, d. `( r- ?6 e5 @$ @
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 3 E/ [* X8 e9 c
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; " r  A0 @6 J( ~
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成 " {0 R4 M/ J! `& y
<script language= "Javascript ">  </script> 6 O1 ^) u# y/ |
29. 获得一个窗口的大小 3 k2 F9 h- D. E9 v; B6 @9 Z7 E
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 , p7 L9 G, g; I
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); # G7 L+ b3 ?+ Y0 K* t$ C: C
else alert( "全是字符 "); ; S! A8 k# ]* N& g
31.TEXTAREA自适应文字行数的多少 6 r9 d+ G" B6 a* m# D1 A' W' B6 W7 J
<textarea rows=1 name=s1 cols=27  >
</textarea> # D  C: j. I+ e6 D" j( a
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd) " G! W4 Q$ X+ P! J1 R
{
//可以加上错误处理 9 a0 L- R# B* ~7 x6 U
var a = new Date(dd)   k- [# a% P  }
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
} 9 I3 C2 I8 G( o0 G
cc( "12/23/2002 ",2) ( f4 x+ `0 d/ T. w/ J5 o
</script> ( v5 W) A! A6 l, [! X
33. 选择了哪一个Radio
<HTML> <script language= "vbscript ">
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 ' G7 e- R8 S# t) x7 n6 d8 ^
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML> : x, Z2 X: I9 K& U& Z9 _7 n
34.脚本永不出错 : ~" z- T5 [9 O6 x8 e7 W
<SCRIPT LANGUAGE= "JavaScript "> ( X/ r; W  V' M+ N/ }( _
 * ?9 g* {* D( W+ _/ d2 O
</SCRIPT> $ |  ~* R, P& H! t( y- r. `( U5 Z
35.ENTER键可以让光标移到下一个输入框
<input  > 9 a2 I8 t0 h' E  g2 t- j
36. 检测某个网站的链接速度： 6 i5 P7 p2 q4 D/ p, A9 Q
把如下代码加入 <body> 区域中: : W, Q4 D# a$ q9 }% l
<script language=Javascript> ! c+ s9 ?# a9 T$ N7 g
tim=1
setInterval( "tim++ ",100)
b=1
var autourl=new Array() ; _* f& p4 i; r! ~1 P$ a& [
autourl[1]= "www.njcatv.net " 0 l7 v* R. T1 _" Q
autourl[2]= "javacool.3322.net "
autourl[3]= "www.sina.com.cn "
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "   p* G6 d9 a7 M2 I
function butt(){ : `; T+ p# O' |' Z4 k. a4 }; v# A
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 " M# z/ |0 T- \( m  G
name=url "+i+ " size=40> =》 <input type=button value=GO . }, z# n- ?: Q$ ~& u
onclick=window.open(this.form.url "+i+ ".value)> <br/> ") " r8 b$ \: y1 K, y5 c/ |$ R8 z
document.write( " <input type=submit value=刷新> </form> ") 9 Q( g; [# V9 M5 r( Y
}
butt() - |3 g, ]' p0 P( H) n% i$ Q
function auto(url)
else 8 k/ i4 p" B( A
b++
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 6 J0 t9 I/ B/ N" C4 z* j
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script> - T% v- e# Q" t# @4 d- F2 c" q
37. 各种样式的光标 ! {8 D- }5 c' p+ K! z9 u. `; y
auto ：标准光标 % C+ z2 b. Q  W$ D
default ：标准箭头
hand ：手形光标
wait ：等待光标 4 a5 {1 _  h1 N2 D
text ：I形光标 6 F% t+ X. r) i( O. M5 `
vertical-text ：水平I形光标 , v7 {( m/ }& R6 s$ o
no-drop ：不可拖动光标 9 v: ?- Y9 C5 W- P$ }2 }9 I
not-allowed ：无效光标 # U: ^: Y: n7 x! A% D2 H7 `) X$ E
help ：?帮助光标
all-scroll ：三角方向标 ! u5 |( z% Q: O; l
move ：移动标 ' ^+ L: E& F0 K/ s, B/ U9 @  S
crosshair ：十字标
e-resize 9 {( m% S8 [3 X$ q# x5 W
n-resize
nw-resize
w-resize & |! e% U6 x! C+ i
s-resize
se-resize
sw-resize   C& I9 V1 G, c  g+ `
38.页面进入和退出的特效
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> , Z+ K2 J. L; ^0 y* H3 {9 i, Q7 ~
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23: : S( l( M" ]' H4 t* C8 R; S2 k  q8 G8 A
　　0 矩形缩小 0 t1 i" ^& G$ G
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新 + U: D. ^. O$ ?2 Y
　　6 左到右刷新 9 ?% W$ q! p9 ~
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗 ' D$ B. v8 S$ r4 r
　　10 错位横百叶窗 ; E# |0 |" s; a: z0 l: ?
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新 5 J+ g) t  A4 d: Q0 }
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 ! m' l9 l& k, T# R3 y4 J
　　17 右下到左上 6 T4 s9 q- m/ t, @+ ?' B
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条 6 P4 J7 x( A8 @7 u
　　23 以上22种随机选择一种 5 h% f- C4 J5 `& i. f9 F# B- ?( S
39.在规定时间内跳转 8 k# C  N: k1 X% O5 G% N
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> 1 K9 b1 h0 F- e6 T
　　其中属性值有以下一些: / E, B0 E, j& s3 {& r5 ?1 Y3 S
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； 2 r# |0 m# X$ c& s& O* h6 m( t
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； 2 ?( P9 }: T. b1 f8 z+ X
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接； % }' |- z# x5 V; i! P
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">   A3 q* Y9 M) p, I! c0 F9 @5 {
   ^4 G( a4 T9 u- Q% E6 P& h
</script> . p* x8 p9 v/ U; I5 k2 v
/ Q: ^& |5 n/ Y3 X
2 P) U% J+ }7 Z& v8 l
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> - ]) }4 R; j5 `$ z; u7 N
<tr> <td> item 1 </td> </tr> 4 d3 a. D; r# c/ z* \2 o
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> : {* n* ]. G7 i* K2 O0 u2 i
<tr> <td> item 4 </td> </tr> ( x# f% Z/ N- q$ R4 W
<tr> <td> item 5 </td> </tr> + k9 |3 {% M# E
</table> 3 |6 a' h6 H9 p: P+ Z1 h: e' C$ T
<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> 2 B: {1 |& _2 u0 o
<a href= "# "  > menu </a> " {) }/ B5 A. l) \9 U8 i" p6 q
<form> # K0 q9 }3 s- M/ e& }9 `
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> * c% e3 [' d7 l6 B5 z
                        外向数： <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) "> - d- G$ X! k5 E2 Q
                     　没回答的题数： <input . }+ a- g7 |9 A3 w# T) Q
         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) ">
                     <br/>
                     总得分: . @9 P% @' C0 P3 d$ z$ t& v
                     <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) "> 6 u+ s6 n# n, |( A( B
                     　结　　　　论:
                     <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/>
                     7 Z3 h0 Z9 H$ _  B# D( t
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> 3 X6 d, O# a! g$ j$ k
                        <input type= "reset " name= "Submit " value= "重做 "> # @* ~8 l: W# o& ^
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大 8 [: _+ g) u3 Y
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 % N9 }0 [) `4 R" [+ k
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize "> 3 J4 i2 Z1 D9 h# L
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 1 |( S0 T- Z8 G- m6 h4 _# Y( [
                     <param name= "Command " value= "Maximize "> ) w/ N/ M" ^0 C0 l3 ^- [
                  </object>
</body>
页面自动刷新（说明） % u; ~2 |; @7 J% ]
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 4 Z2 g0 d% l+ N! H1 y
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页面。    H4 q$ O! A2 i4 }
页面自动关闭 6 K1 z  m) G5 E3 g( Q3 Z
5000是指时间 <body  >
弹出窗口自动关闭 9 e( g% @7 V/ T- N( _  r+ W
10秒后弹出窗口自动关闭 0 l* J, N0 t& D6 W6 t; k/ b3 C  b
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head
<script language= "JavaScript "> % y* Z: T; o% H2 X. y

</script> 1 c- ]& M8 o" e! [* I& [
<body> 注意：这段代码是在新建文件中的 " |2 D8 |: ]" l' C) |$ o" n, u
<script language= "JavaScript ">
  function closeit()
  </script>
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域   n) t* ~) }+ t% q! a; M5 R
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

作者: zw2004 时间: 2008-5-15 14:04 标题: 顶哈

顶顶

欢迎光临捌玖网络工作室 (http://89w.org/)