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

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

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

1.    将彻底屏蔽鼠标右键 ' H7 C" B3 S: m8 v- i8 G
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table
2. <body  > 取消选取、防止复制 ; q/ _* Y" b( y
3.    不准粘贴 - i) C- R  @( [' t
4.    防止复制 ! `/ G. ~  T+ Q  a' o* b. j
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标 ( U7 |, z( L% U0 b
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 : P6 ]  F, n( o% e1 G
7. <input style= "ime-mode:disabled "> 关闭输入法
8. 永远都会带着框架
<script language= "JavaScript ">  </script> 4 T2 |* |* B# R$ S' ^' R! \1 A
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT>
10. 网页将不能被另存为
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> ! L4 v! G( D1 I: Y
11. <input type=button value=查看网页源代码 3 l9 w# F' W$ X6 B4 ]" f
onclick= "window.location = "view-source: "+ "http://www.williamlong.info " "> / H, ~& w7 V% b" Z" |, B
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a> + s$ S. E1 V% ~6 L1 ]- q4 h
13. 取得控件的绝对位置 / k% ^8 Q9 Y( @( R1 ~
//Javascript % f& D- G1 n! S- i1 m( s) O
<script language= "Javascript ">
function getIE(e){ . D. I% \9 t. n8 z! b* n( o0 E0 u5 Z
var t=e.offsetTop; 7 Z$ |; {% C; g! \7 n
var l=e.offsetLeft;
while(e=e.offsetParent)
alert( "top= "+t+ "/nleft= "+l); ( f+ [; l9 I8 d% v+ w3 E$ V% [
} 3 Y! F  [! S/ n$ v
</script>
//VBScript " L4 U, c- A5 ~& n) z6 ]# h
<script language= "VBScript ">  </script>
14. 光标是停在文本框文字的最后
<script language= "javascript ">
function cc()
{ 5 D0 f4 T; }6 G9 Q5 v5 L4 o0 @
var e = event.srcElement;
var r =e.createTextRange(); ' c# e! m" \* g4 Q% z+ j# P
r.moveStart( "character ",e.value.length); - {3 @" h1 F( _
r.collapse(true);
r.select();
} , }" d, [4 b5 _& G: N- W
</script>
<input type=text name=text1 value= "123 "  >
15. 判断上一页的来源 - \% b1 M7 H6 H! T
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 ">
<param name= "Command " value= "Maximize "> </object> $ E% ^. F7 P8 W5 _: y- P0 @) [
<OBJECT id=hh3 classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 9 j9 S" A( Q- H# W  B
<;PARAM NAME= "Command " VALUE= "Close "> </OBJECT> ! S) O/ a& g! e6 E$ H3 a6 J1 n& s$ H
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()> , T" U: ?$ g5 H# m& V* A- L5 B& S
<input type=button value=关闭 onclick=hh3.Click()> 5 J$ F7 t" S# A( @
本例适用于IE * X" C& }' @/ e3 W* d; l7 U
17.屏蔽功能键Shift,Alt,Ctrl . [) m& Q9 ~/ Z& z0 E! j% f
<script>
function look(){
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL
} 7 B$ v: u% t6 X9 B6 z' r
document.onkeydown=look;
</script>
18. 网页不会被缓存
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> / ^; C. R( l8 k" \/ B7 _- f, @
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate ">
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT "> 4 N( ~/ k# E# O3 g* K/ J
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> 8 }' B+ f% a  W9 J
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> 3 {1 _. }1 M9 g; G
或 * @7 a8 F# j  l/ e
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom: 6 [$ B- e, t+ w8 ^# @/ y
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？ ! u$ F! g/ ]8 K
<div> (division)用来定义大段的页面元素，会产生转行
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行 ( V$ g$ X3 q/ m3 h5 |+ L
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面: ) q, _0 z$ [2 f) K$ _8 ^8 x) s5 O1 t
<body  >
22.不要滚动条?
让竖条没有: ; j5 s8 B' d9 e
<body style= "overflow:scroll;overflow-y:hidden ">
</body>
让横条没有: ' E& l; i5 p) P: E! I9 {. r
<body style= "overflow:scroll;overflow-x:hidden "> , N6 J4 [6 c9 A
</body> 6 y4 {9 L; \) n+ J$ r  ?/ u
两个都去掉？更简单了 9 s: p/ W. E7 v# w1 k0 p+ N
<body scroll= "no "> * \# ?+ O* U: l) j7 `, B
</body> 6 d  e8 v* z% \- d$ f1 }
23.怎样去掉图片链接点击后，图片周围的虚线？ ' I1 i8 A( v* \1 v3 p! p
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> * M) N, \8 l7 O/ l+ L& B  e# W
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form> 7 x% W% S4 f5 O5 J( H4 K
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload() & K; J7 ]% W1 @8 r7 h/ E1 O: F) C3 H& T
26.如何设定打开页面的大小 2 `- x# Y8 b' ^8 W
<body  >
打开页面的位置 <body  > $ ]5 L" f# b+ @9 c
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> . Y2 r2 b% ]. I4 G: l% V
body ; @% Y- U  W/ [  {$ J3 m* D
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;    w2 ]' g0 ^+ n/ p+ ?
background-position:center;background-attachment: fixed} $ G7 f% l, j/ p. P# n) I8 A3 O" u
</STYLE>
28. 检查一段字符串是否全由数字组成 / O" e" p' Z* C/ X7 i9 i; k2 `( s
<script language= "Javascript ">  </script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 "); ) |( B, ?, v6 P  W9 F0 z3 |+ W& w9 P
31.TEXTAREA自适应文字行数的多少 ) O7 K- Q) Z8 Z6 D
<textarea rows=1 name=s1 cols=27  > 5 ], O' R. L% y% X: c
</textarea> + D4 K7 X& }- N2 @! H
32. 日期减去天数等于第二个日期 % ], e$ x/ s) |, w$ n/ e- @
<script language=Javascript> + |5 i% M  ~* b! u4 M0 c
function cc(dd,dadd) - y$ _' ]% }- E
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") ! t* {0 X  y$ p- l1 c
}
cc( "12/23/2002 ",2)
</script> # n7 X/ u; M5 a+ \1 V$ {5 _3 p
33. 选择了哪一个Radio . U% H0 M( Q$ O& `7 y
<HTML> <script language= "vbscript "> 3 Z+ \0 W4 W- B6 m2 @# g
function checkme() $ G. v# w4 @7 e& a# x& F
for each ob in radio1
if ob.checked then window.alert ob.value
next 6 V$ F( |6 U. l2 c
end function % [. m$ o3 `9 ~  q- v
</script> <BODY>
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  > 3 M. o* H1 ?. `
</BODY> </HTML> * I1 o5 ^9 [" H2 T
34.脚本永不出错 4 m3 Y/ v0 _. o% K& z* W3 J: @
<SCRIPT LANGUAGE= "JavaScript "> ) Z: Y2 U" _1 E  r- r
 " L- F5 @; x( J1 W
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input  >
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript> 8 s) B, k. S. R5 f) ?8 J! x
tim=1
setInterval( "tim++ ",100) ( q8 x* H9 r; [0 E
b=1
var autourl=new Array()
autourl[1]= "www.njcatv.net " + p9 t0 \) A" K
autourl[2]= "javacool.3322.net " 9 T7 u- o; R9 L2 j/ H: t
autourl[3]= "www.sina.com.cn " ; ^! t2 G9 p  Y5 Y/ Z
autourl[4]= "www.nuaa.edu.cn "
autourl[5]= "www.cctv.com " 2 r& I) }& i6 A
function butt(){ $ ^; V, E+ ~( F# D4 |% h
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
name=url "+i+ " size=40> =》 <input type=button value=GO # |  r4 h: \$ t% Q4 d
onclick=window.open(this.form.url "+i+ ".value)> <br/> ")
document.write( " <input type=submit value=刷新> </form> ")
} ) j) W& b: B8 {4 c) V1 y
butt()
function auto(url) ) P4 ^  H& M, y  Y
else
b++ 2 L$ l; Y. J8 V0 X& ~
}
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+ " ")> ")} 1 m9 T9 U: y, v& ]6 u7 q* B2 }  p, s
run() </script> ' Y$ E" ]  C' _8 v% Q
37. 各种样式的光标
auto ：标准光标 8 }  q  ]3 f* m" K) w% E
default ：标准箭头
hand ：手形光标 7 Y3 s! S( E( a% w# F
wait ：等待光标
text ：I形光标 ' j/ q5 r  v. Z, e0 P
vertical-text ：水平I形光标
no-drop ：不可拖动光标 4 c* k* G; C, l+ |) |
not-allowed ：无效光标 - Z  `" \3 P0 e8 z8 L+ `( C
help ：?帮助光标 6 r0 S8 I; k7 R0 e  A1 J& P: f* E
all-scroll ：三角方向标 4 O4 l- [, R, A0 x3 b
move ：移动标 + O* {7 J, f/ W" {, W) }
crosshair ：十字标
e-resize
n-resize $ b4 k* z! c3 Q
nw-resize . P4 m, ?) P) k( ?
w-resize
s-resize
se-resize 5 E) }4 n! z, Z8 Q8 l% e
sw-resize $ X, f. W+ X- b1 w# {4 f4 t4 D7 ?! p
38.页面进入和退出的特效 ' {, J; m7 F5 v  y* o
进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) ">
推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) ">    8 k% |. N5 r" S8 @; c8 p. `' e
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大 6 F; }# G# K2 w7 ?
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新 1 ~  c; G# M6 c: Y* L4 T3 e6 _
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗 * r/ h7 w/ i8 o( Y( v6 W) i6 |5 R
　　10 错位横百叶窗 8 w+ _& u/ k9 ]* p0 _3 [% {
　　11 错位竖百叶窗 : P* o0 u4 d9 H9 G
　　12 点扩散
　　13 左右到中间刷新 * e& |& N* D- S, `5 _  b2 z" n
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上 ) M6 w* f( L) D' M- r" z
　　18 右上到左下
　　19 左上到右下 + n4 B) x, m# ~
　　20 左下到右上 - B5 V0 Y# J' `
　　21 横条
　　22 竖条 2 W$ D3 D( U5 X% v. I
　　23 以上22种随机选择一种 . R* U/ U* R4 ~. K7 }6 F! e6 d
39.在规定时间内跳转 9 @3 M0 k. `: v5 j; z7 C5 X2 e7 `
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> ' m8 R* b* i  F' c
40.网页是否被检索 % g% L7 X; o6 ^. P3 y
<meta name= "ROBOTS " content= "属性值 "> ( w6 J  t: L2 @- ~9 P
　　其中属性值有以下一些: . D9 E, ^2 \8 P$ g" ~: |- T
　　属性值为 "all ": 文件将被检索，且页上链接可被查询； % U& G; N; z, _1 L' _. s6 p
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接；
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接； ( ?# ?9 R! D- c; J
　　属性值为 "noindex ": 文件不检索，但可被查询链接； ) E$ j: X6 A/ V5 K' C
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。
最大化窗口？
<script language= "JavaScript ">
 7 g" h- O1 K) o: Q: z" Y
</script> & ]. c$ I6 U6 @3 y4 I+ l% V
9 b- P5 w/ N3 w2 e0 _: w

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table> - B2 o: ~. `4 I1 ^
<tr> <td> item 1 </td> </tr>
<tr> <td> item 2 </td> </tr> 4 e+ T4 X0 E& Y/ y3 t1 R
<tr> <td> item 3 </td> </tr>
<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> 1 W6 N! X  Z, x5 n2 A
</div>
<a href= "# "  > menu </a> " ~" _3 y3 ?9 C, V, E
<form> % c( H7 F/ c  f& {2 l" Y* v0 e
<select> <option> A form selection list </option> </select>
</form> 4 @: t9 M" G; q- I7 r& o( Q- b
输入框也可以做的很漂亮了 & [* e8 n: J3 T2 N( o8 o
<div align= "center "> <input type= "hidden " name= "hao " value= "yes ">
                        外向数： <input
         name=answer / r' S; v1 S( a6 a# |+ a
         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 ) d" s7 Z* |4 U$ s1 E
         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 k. k2 Q! Y1 Y' f
                     <br/> ! ?) M0 ^. J# @5 {: g5 e, A* }) J
                     总得分:
                     <input
         name=score id= "score " + P& e" }* f9 E, _/ I9 O
         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) "> + ?' Y/ p5 v! q% @% _* Q. W
                     　结　　　　论:
                     <input 2 o  ~. \1 _  G6 b" G
         name=xgjg id= "xgjg " 3 l5 q9 m! W7 @0 f+ `" @
         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 h5 k* Q3 z+ w) q( g- L* A
                     <br/> ' I3 b% q" f7 Q, {: v9 G, H2 \' _# |
                     <br/> ; o; P$ G6 a* f8 n5 n. f! a6 o
                     : \* D$ @; ]% `8 ~* x" A7 @. V2 L
                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> ; V7 @9 f, y) C6 x: G% L9 u
                        <input type= "reset " name= "Submit " value= "重做 "> 6 ~! V8 q/ p! Z4 [& e& f
                     </div> : Q  P" Y4 N) f: C3 x1 e" n
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化   l8 h# _" D5 Z* h' C/ H
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Minimize ">
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 ">
                     <param name= "Command " value= "Maximize "> , Y; w0 J2 j3 @; p) O2 z5 l- q
                  </object> ! f! C6 b5 `# _, f5 o
</body>
页面自动刷新（说明） * Z! G8 x) K1 n/ S8 p9 O  Z* o/ ^
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 3 q% \8 L5 @3 U, q* V' S, H
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页面。
页面自动关闭 5 F" {6 P$ Z( Q& o' v5 ~9 }
5000是指时间 <body  >
弹出窗口自动关闭 4 p7 x  b/ }0 `) |
10秒后弹出窗口自动关闭
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head : K. X6 {+ X( b
<script language= "JavaScript ">
 . Z0 O4 n+ v. C& [; W7 H
</script>
<body> 注意：这段代码是在新建文件中的 ) o/ I( y1 l6 I9 P4 B
<script language= "JavaScript ">
  function closeit()
  </script> $ f3 C  j6 `& U( g$ \6 [9 L' x
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm "> # h$ K& X* Q; ^! ]0 A0 @; f: o
</object>

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

顶顶

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