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

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

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

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 $ y& ]( a( B: T$ h( I/ b
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 $ k$ {- a% g& @7 p- C8 w9 i
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 " p  E6 l' `- V/ h
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架 1 ^$ t9 E5 M2 a5 n/ Y% g4 }
<script language= "JavaScript ">  </script>
9. 防止被人frame ! |8 t$ n+ r, |% o) K6 g
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> ; g4 ?/ Y9 T$ v6 f/ X$ c- r6 t  _
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> - ~' P6 A9 m# @* O# _" D1 J
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> 5 L" X5 K# [! E( z
13. 取得控件的绝对位置 * @, s3 l$ F& M
//Javascript   ~1 A" n$ g! _- M3 g* f/ U" F
<script language= "Javascript "> * \( a/ d7 t) U) G; l9 W8 J8 r
function getIE(e){
var t=e.offsetTop; 7 l. u! |9 M0 ~$ w
var l=e.offsetLeft;
while(e=e.offsetParent) 3 \8 L3 n( e( M3 M! `1 M/ K# T
alert( "top= "+t+ "/nleft= "+l);
} 1 o& T) t# x4 U) l; h# w+ m
</script> . N) q7 o" j6 |0 S8 E
//VBScript
<script language= "VBScript ">  </script> ; _0 g4 n( W& s; C; W1 d
14. 光标是停在文本框文字的最后
<script language= "javascript "> " h" [) V% g) m
function cc() % A4 N4 o1 p; D4 ?1 j7 S1 s' T& K# w
{
var e = event.srcElement; + o0 O, b# j0 S+ F4 R
var r =e.createTextRange();
r.moveStart( "character ",e.value.length); , a* }4 P3 m, O6 @
r.collapse(true);
r.select();
} " P. e* T: c: h" H8 u
</script> 2 K3 E) ~8 ~0 s0 ^
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 1 G+ m# `. e8 K
javascript:   D5 s& e9 o2 k. |$ G* p
document.referrer 2 B3 X4 A6 [! U' o) a) `5 E
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> ) i( l9 u4 u0 p
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> 9 D3 Z0 m; {7 x+ }$ _; y
<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()> 1 I. B& I# d7 J1 J. G
<input type=button value=最大化 onclick=hh2.Click()> - P& t: V0 e4 O! w/ }
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl 4 D8 t$ f5 o. H  v6 J
<script> 6 ^$ [! r' F, ?$ G
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL ! e7 M2 h! b3 `& V4 e3 A3 P3 ]- X
}
document.onkeydown=look; & ^; v' w2 e7 L. J. I& Y
</script> 2 \# ~4 t$ C1 w$ K3 z% y% C
18. 网页不会被缓存 . w0 |" b, y( ~( q+ ~
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache ">   ~# g. P- B2 N8 @% Z$ ^
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> ; i! B  {* H$ x2 _4 q6 u# D/ o; Y
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">   _; S( ?7 o# F& `" G! x, O/ c
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 ">
19.怎样让表单没有凹凸感？ . p7 I& G% v& ?. P: l# ]' j: H6 X; a
<input type=text style= "border:1 solid #000000 "> ) H' x' D# j" b# i6 Y1 t. h
或 . L3 ~0 v- |$ [& O9 K
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea> / I' ]. x( B; a0 q( v% D
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 8 |7 s  @& P0 J0 J/ D
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  > 1 j4 @8 r1 N3 a8 ?; |7 c
22.不要滚动条? 1 g/ Y" Y) E" j. m, C4 {$ L0 H
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> * d$ ~4 ~# T. V- f! k8 F3 I5 |+ ?
</body> 4 P8 F3 a# N( w, k: E% `
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> ) W7 _6 e- B( m7 A
</body> + M  V' y* j: |$ r5 v
两个都去掉？更简单了
<body scroll= "no ">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？ : O/ Z3 m+ `7 v! m
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> 5 V6 ?. h" p& @: L. K
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain "> 5 ~. @7 C% i7 `8 r
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() 4 _  A+ o9 C" B; L
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 $ S9 p7 |' {# @  d* z# Z
<STYLE>
body / o, M' g* s  T
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; % u% r1 ~( l; s! |/ }# Z
background-position:center;background-attachment: fixed} ) r; a$ B7 D. H4 _) P
</STYLE> " C# [* ?9 o# ?4 E
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> 8 Y& @" U* ~  h6 e( J* N' R
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight , W( I! `: a* L
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 7 K: o4 m, l0 `/ S. [
<textarea rows=1 name=s1 cols=27  >
</textarea>
32. 日期减去天数等于第二个日期 $ _) {: d' ]5 p8 \$ @
<script language=Javascript>
function cc(dd,dadd)
{ , o7 P* c8 Y! k) g- D
//可以加上错误处理 8 s/ S& ]0 M4 n8 r: Y/ e
var a = new Date(dd) - Q, u; |  d. p/ \
a = a.valueOf() 1 n. }4 \( w1 p: ^. f, B. `/ i' Z
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a) 4 d3 I( {. e7 M! u: E, M; w" E
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ")
}
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio 7 B6 w8 S' I# n" a
<HTML> <script language= "vbscript "> 3 N- h* y  \7 Y. I! Z$ e2 M
function checkme()
for each ob in radio1 ) s9 T  H) R  {
if ob.checked then window.alert ob.value
next $ [3 J. H# Z. ?
end function
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  >
</BODY> </HTML>
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  > $ N, M6 m9 t4 \1 W& _4 A; Y, [
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中: $ j9 k+ ?5 y; q/ d5 j
<script language=Javascript> # m& _) |/ l2 @3 p' O" A
tim=1
setInterval( "tim++ ",100)
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net "
autourl[2]= "javacool.3322.net " % S; m/ r/ r6 C. ^8 ]
autourl[3]= "www.sina.com.cn " ' t) a. }: c+ i" E" b- P- |8 y6 B
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com "
function butt(){
document.write( " <form name=autof> ") . c, c! _0 @, M1 E* }' D
for(var i=1;i <autourl.length;i++) . R/ K1 W9 G. q( F
document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text 2 L  b/ f  c. ?* l1 I- j
name=url "+i+ " size=40> =》 <input type=button value=GO
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
} + T9 i# w4 w' U0 K; }6 v2 r$ {8 e  q: \
butt() 2 m' |( q$ W6 S/ a
function auto(url)
else
b++
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 2 g+ K4 t9 Q: U2 T/ A6 U
onerror=auto( "http:// "+autourl+ " ")> ")} * F7 v4 D6 a4 Y. |
run() </script>
37. 各种样式的光标
auto ：标准光标 $ E5 F. A8 w2 N6 ~) Z
default ：标准箭头 % \. h* k& ^" a8 }
hand ：手形光标 ' |0 M2 L6 J1 i* L: }! l; G
wait ：等待光标 8 a  _+ Y, C& O( G* C' ~9 Z! _
text ：I形光标 5 P; b9 L/ b; S: j* W$ a9 H
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标 9 ^: P) C8 i$ V7 g4 K- ]% a
help ：?帮助光标
all-scroll ：三角方向标 3 e3 y! N5 l' L6 D  P$ n
move ：移动标   i! Z9 D8 J2 ], g
crosshair ：十字标 ) ~  V! i3 x, h& h' F
e-resize : V& f3 _5 d# r3 \( I
n-resize
nw-resize
w-resize
s-resize 5 ?* E3 z! [/ a
se-resize
sw-resize 5 d" f# F; V  i) x! n8 ]
38.页面进入和退出的特效 . R* R/ \9 P& t+ K! ]- C
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小 5 j; \7 y7 e3 z& j' \0 k1 ^
　　1 矩形扩大 , ]& `2 T8 i1 t9 t
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新    T. N4 @' o- K/ z+ a+ U' x: ^
　　5 上到下刷新
　　6 左到右刷新 ' y5 _' o6 [- y! D
　　7 右到左刷新 2 R  f  i4 c) I8 l7 }
　　8 竖百叶窗 3 }& c" `/ I: o5 P! _1 o
　　9 横百叶窗
　　10 错位横百叶窗 8 [5 Z( ^! B+ F4 d4 ~
　　11 错位竖百叶窗 " E$ W; D! u) \: t  V: O
　　12 点扩散 * F& @* E4 ], i
　　13 左右到中间刷新
　　14 中间到左右刷新 7 E  V0 g6 {, U1 H+ [! a- D
　　15 中间到上下 8 q$ |3 I7 U% B" R
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下 * y+ G, ]) I! w+ V7 M7 D
　　19 左上到右下
　　20 左下到右上
　　21 横条 ; |" G; \+ f( V! i! L( i% C
　　22 竖条 / v5 B; _' e7 ^/ @% P
　　23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 1 H# }; V2 y9 `' B( P0 n! ^2 q
40.网页是否被检索
<meta name= "ROBOTS " content= "属性值 "> 3 s# j3 S# D( }) X( F4 u
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； 9 N7 g+ _8 a9 k$ Z
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript "> 6 [. L! }- |+ U1 ]. X# M. w
 3 m- L1 `  o  o2 u* `6 D% S
</script> ( `4 `, n+ n( Q+ O/ c" f/ W' B/ ^2 g
$ R' F- ~- g9 P2 P* e
. w- f9 w! {' Q: M5 K& C
解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> 0 s" e$ m( L0 k! f; [
<tr> <td> item 1 </td> </tr> 7 W+ z& o! A* ~# j& G* c+ e# D* q
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr> - j7 p- f; n$ ]' d) m* f
<tr> <td> item 4 </td> </tr>
<tr> <td> item 5 </td> </tr> 7 H% `+ x- w( c2 A4 v+ G
</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> 1 k* o2 W# z: c+ w" q
<form> 9 B8 x* P+ C( N! x9 i$ T5 l# d2 D
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 2 R0 ~3 [; [2 J
                        外向数： <input
         name=answer $ _& u1 N" n+ i! \/ X
         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 " 7 V+ V9 M. L% Y% \  v. c& r0 ^8 ]1 \
         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) "> : T7 W2 j3 o* k
                     <br/>
                     总得分:
                     <input & s2 S1 X6 n1 _  @0 G% B! m$ X
         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) ">
                     　结　　　　论:
                     <input : W9 t  M, e" r; L# s2 y9 j; ~: D
         name=xgjg id= "xgjg " 0 i& L1 o4 j* O9 e" k
         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/>
                     4 Q2 n0 @1 s" f: n6 R1 n5 M
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> " F. N" A9 a  U: J4 e! ]- O
                        <input type= "reset " name= "Submit " value= "重做 "> / u# X6 }8 l0 @( V
                     </div>
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 / S1 X8 y! l( }: W# Q
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> % s* a: K. F1 _2 q9 H
                     <param name= "Command " value= "Minimize "> " K. R, C* m2 C# c" A/ u3 \" S
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> ' h5 x! b5 m% f2 `' G. J% ]5 K" k: B# B
                  </object>
</body> 7 {# N# g& d: a6 k" F
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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页面。 9 H. e7 y1 y% {
页面自动关闭 0 m3 C, O7 o' v
5000是指时间 <body  > * H  i. }6 P/ p4 \  A
弹出窗口自动关闭 2 M$ k8 D3 b! H( V& k! c- f
10秒后弹出窗口自动关闭 2 k$ T# \8 G. o0 w3 m& e
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head 6 M1 [9 r  k3 ~. F* [% K$ p' K. }
<script language= "JavaScript ">
 4 p/ I' n9 s  X- K' y* o
</script>
<body> 注意：这段代码是在新建文件中的 6 r& @/ r& o3 G1 u0 [2 a
<script language= "JavaScript "> ; u; _' i# j1 t
  function closeit()
  </script> ! Z0 V/ g; f! H2 R! n
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> . @0 h( H* w1 X$ Z2 X) J
</object>

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

顶顶

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