另类实用代码~ 家底奉上(页 1) - 网页编程 - 捌玖网络工作室 |网页制作|平面设计|建站交流|代码资料|建站教程|主机域名|asp、php、jsp代码|网站素材

solidvacuum 发表于 2008-5-7 19:55

另类实用代码~ 家底奉上

1.    将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td> no </table> 可用于Table +WK?:A"I2JWR5D G
2. <body  > 取消选取、防止复制 H;rL'}M!yF
3.    不准粘贴
4.    防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
6. <link rel= "Bookmark " href= "favicon.ico "> 可以在收藏夹中显示出你的图标 9N P+O+j9P
7. <input style= "ime-mode:disabled "> 关闭输入法 1l,~;Ul2| [4Is
8. 永远都会带着框架 &qs0{ }{i;W
<script language= "JavaScript ">  </script> 4P&u:O9h2f7aI
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>  </SCRIPT> {e.B BK/B
10. 网页将不能被另存为 e1a)W:t-e
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript> !Mgt C;f4vg
11. <input type=button value=查看网页源代码
onclick= "window.location = "view-source: "+ "[url=http://www.williamlong.info]http://www.williamlong.info[/url] " ">
12.删除时确认
<a href= "javascript:if(confirm( "确实要删除吗? "))location= "boos.asp?&areyou=删除&page=1 " "> 删除 </a>
13. 取得控件的绝对位置 gpWZiD"UT8k
//Javascript ovEY8Y
<script language= "Javascript ">
function getIE(e){ ,|,Xy dF
var t=e.offsetTop; fA0`\^
var l=e.offsetLeft; t1E@3d2jI d
while(e=e.offsetParent) #R~2f Cd~8@
alert( "top= "+t+ "/nleft= "+l);
}
</script> g(nC*X:xT
//VBScript nR U:|f2r@2u;gQ
<script language= "VBScript ">  </script> 4M w!TmG|*U
14. 光标是停在文本框文字的最后 p2N)q.fQ@$M
<script language= "javascript "> Bqs*oFe}`6R
function cc()
{ q3GF T`|}6iD
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart( "character ",e.value.length);
r.collapse(true); 7H9lEb|j],K
r.select();
}
</script>
<input type=text name=text1 value= "123 "  > {#J5gM~h+w
15. 判断上一页的来源 a9PQ7m7\8n
javascript:
document.referrer
16. 最小化、最大化、关闭窗口 Mxs4f~ \+Wc
<object id=hh1 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> EZ/?;@8k k{&x"b
<param name= "Command " value= "Minimize "> </object>
<object id=hh2 classid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11 "> Su%d+Nn%h$\
<param name= "Command " value= "Maximize "> </object> _+vp&T(K'Q^%? xX
<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()> -TzFi4rer
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ ^U(^0{x
if(event.shiftKey)
alert( "禁止按Shift键! "); //可以换成ALT　CTRL Q5KP]ZDTt m/n_Z
}
document.onkeydown=look; ]n0t~e*{8hg
</script> i_ N*^"E7lD;\
18. 网页不会被缓存 0RFx8J}S-]8B
<META HTTP-EQUIV= "pragma " CONTENT= "no-cache "> ,{ul?,h$u?%Z
<META HTTP-EQUIV= "Cache-Control " CONTENT= "no-cache, must-revalidate "> Y%kz7bTe:i8aL
<META HTTP-EQUIV= "expires " CONTENT= "Wed, 26 Feb 1997 08:21:57 GMT ">
或者 <META HTTP-EQUIV= "expires " CONTENT= "0 "> 3e+r,\K:S9h.]
19.怎样让表单没有凹凸感？
<input type=text style= "border:1 solid #000000 "> H T/O4bkay\w
或 k1S C;j5`E?
<input type=text style= "border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000 "> </textarea>
20. <div> <span> & <layer> 的区别？
<div> (division)用来定义大段的页面元素，会产生转行 7gCeCx.M)_R:\,t)R
<span> 用来定义同一行内的元素，跟 <div> 的唯一区别是不产生转行
<layer> 是ns的标记，ie不支持，相当于 <div>
21.让弹出窗口总是在最上面:
<body  >
22.不要滚动条? ]!K uiJb&f"Jh
让竖条没有:
<body style= "overflow:scroll;overflow-y:hidden "> ;~5fq(I%WOL3E%]
</body>
让横条没有:
<body style= "overflow:scroll;overflow-x:hidden "> -[1B1ZPWO's6i
</body>
两个都去掉？更简单了
<body scroll= "no "> n3A4I[N7A4W
</body> gD!T,j-G)P#S
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href= "# "  > <img src= "/blog/logo.jpg " border=0> </a> ,r4~:FH5U3naG6y
24.电子邮件处理提交表单
<form name= "form1 " method= "post " action= "[email=****@***.com]mailto:****@***.com[/email] " enctype= "text/plain ">
<input type=submit>
</form> !|N9H_}1WT;XB
25.在打开的子窗口刷新父窗口的代码里如何写？ d'GE D'`,Q,ER~*s3['x
window.opener.location.reload() N*J~?-fZJ_
26.如何设定打开页面的大小
<body  >
打开页面的位置 <body  >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 9{#` VJ|YO0k
<STYLE> LcW,S^iK,G9_g
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; o/]~er
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language= "Javascript ">  </script> nH D&g6h9Z{)_
29. 获得一个窗口的大小 %rz-W$|8k{kf
document.body.clientWidth; document.body.clientHeight 6`;DKC'mB#lEZ5y
30. 怎么判断是否是字符 q7K muUv'qY
if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 ");
else alert( "全是字符 ");
31.TEXTAREA自适应文字行数的多少 7U:K1GYu7]
<textarea rows=1 name=s1 cols=27  > wtF{*Z/b"O4cJE-c
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript> %G-I6fP4f)D~"UC
function cc(dd,dadd) 4x|1] |*N'g l/_)~(XZl
{
//可以加上错误处理 +k^0To7Yf xx_+N
var a = new Date(dd) *v0mvTPk.k
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000 CG+yg"M'C!^
a = new Date(a) #I!M$O r{K
alert(a.getFullYear() + "年 " + (a.getMonth() + 1) + "月 " + a.getDate() + "日 ") T3Y6P'c"O.Jq
}
cc( "12/23/2002 ",2)
</script>
33. 选择了哪一个Radio
<HTML> <script language= "vbscript "> _4i`-u`^@x$~W
function checkme()
for each ob in radio1 cCxgTc2xB
if ob.checked then window.alert ob.value @j^*L-Sh`#M
next
end function tWL%yF"u9Najcjw
</script> <BODY> (y$p)TT5Yb
<INPUT name= "radio1 " type= "radio " value= "style " checked> Style ;V]m3W@&i:f&C
<INPUT name= "radio1 " type= "radio " value= "barcode "> Barcode
<INPUT type= "button " value= "check "  > J9L(|YV-Q(@?u1[n
</BODY> </HTML> (ml`'n%c
34.脚本永不出错
<SCRIPT LANGUAGE= "JavaScript ">

</SCRIPT> h B%zlbA-V{
35.ENTER键可以让光标移到下一个输入框 MHhC2pvYV|~
<input  > VyM ]"c3E,V-O2@Z6|F
36. 检测某个网站的链接速度：
把如下代码加入 <body> 区域中:
<script language=Javascript>
tim=1 /M%f4a!t p,a9L1UN4\
setInterval( "tim++ ",100) (ef Kc*bO!G
b=1 5o}7h.or:Z(~r
var autourl=new Array() :p9w?+Pqs
autourl[1]= "[url=http://www.njcatv.net]www.njcatv.net[/url] "
autourl[2]= "javacool.3322.net " Jg+H&I^2L@P.a
autourl[3]= "[url=http://www.sina.com.cn]www.sina.com.cn[/url] "
autourl[4]= "[url=http://www.nuaa.edu.cn]www.nuaa.edu.cn[/url] " C3n$r WUq2E}
autourl[5]= "[url=http://www.cctv.com]www.cctv.com[/url] " 3M;R/ze~ L?
function butt(){ 9i)g@lvxF,Uv
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 dxu\W ik
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> ")
}
butt() bXU/^E+A.`
function auto(url)
else *VA KJtGV.YCr
b++
}
function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 *kqxl1V
onerror=auto( "http:// "+autourl+ " ")> ")}
run() </script> U!r+J]'Syal ]_
37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标 5K#Fh9aJ G
wait ：等待光标 $z }y&nHB2P
text ：I形光标 6t8F#[:a#_1CrT*@W
vertical-text ：水平I形光标
no-drop ：不可拖动光标 1o%M+FU _ g/C9p
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标 e&RZc:q)N:E#t:?
move ：移动标
crosshair ：十字标
e-resize 7W2koqO:W;y@+g
n-resize -K0zhR$[o
nw-resize .j2aCs7|jp
w-resize ]0C1clm N_q?
s-resize W V9yEf#Y6j
se-resize
sw-resize
38.页面进入和退出的特效
进入页面 <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: 6M4xQ5C-Q
　　0 矩形缩小
　　1 矩形扩大 +no_/x`(P(aA+W
　　2 圆形缩小
　　3 圆形扩大 6cM4E6xQ(G#S1H9yU
　　4 下到上刷新 .qu;A)r(K'ZvN BB7s(^
　　5 上到下刷新
　　6 左到右刷新 %V2X5pqUHN u;Wy
　　7 右到左刷新
　　8 竖百叶窗 4bhl#z2b7|6^
　　9 横百叶窗
　　10 错位横百叶窗 `wx gDk#D2EN
　　11 错位竖百叶窗 h#WVWuO
　　12 点扩散
　　13 左右到中间刷新 s:slUm-L~/|4]
　　14 中间到左右刷新 qL"IC\ b
　　15 中间到上下 9p[%X.{E
　　16 上下到中间
　　17 右下到左上 quU)E8_"i D
　　18 右上到左下
　　19 左上到右下 R/J&eA1r-Cvi
　　20 左下到右上 P}@Ku1G%W
　　21 横条 g6n EHF;?E,{
　　22 竖条 +q oQxE5XM5Y)g
　　23 以上22种随机选择一种 #aHS4V`~_(rT:w
39.在规定时间内跳转
<META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info ">
40.网页是否被检索 AooP&~}
<meta name= "ROBOTS " content= "属性值 ">
　　其中属性值有以下一些:
　　属性值为 "all ": 文件将被检索，且页上链接可被查询；
　　属性值为 "none ": 文件不被检索，而且不查询页上的链接； V"g;PAv A ~$^
　　属性值为 "index ": 文件将被检索；
　　属性值为 "follow ": 查询页上的链接；
　　属性值为 "noindex ": 文件不检索，但可被查询链接；
　　属性值为 "nofollow ": 文件不被检索，但可查询页上的链接。 \aa0|2Qz8A&h
最大化窗口？ BI%D"t/z6Ep d!G
<script language= "JavaScript "> MyG?]7n0s1s

</script> 8R3P,Yw6p"mt%RIK
~7rA6VCG]S1z

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下： 3B4Qd.qt5mc
<div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; ">
<table>
<tr> <td> item 1 </td> </tr> d-d pu'~)Yq fA
<tr> <td> item 2 </td> </tr>
<tr> <td> item 3 </td> </tr>
<tr> <td> item 4 </td> </tr> :XW;}3X{
<tr> <td> item 5 </td> </tr>
</table> 4r'YB)pw|9\6X1[y6_]
<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> F3g)I"I,HC'O
<form> 6v*zM#f hos)Sa
<select> <option> A form selection list </option> </select>
</form>
输入框也可以做的很漂亮了
<div align= "center "> <input type= "hidden " name= "hao " value= "yes "> sd"R4d:O8q%PU f
                        外向数： <input
         name=answer hf nIQSQ
         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) "> |$V_KX2M+V]
                     　没回答的题数： <input
         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/> 4LAUI#xm?#\
                     总得分:
                     <input 0`eja?'O
         name=score id= "score " (])YR.~"e{8Q!UI
         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) "> U#EUz}"v7p9^t3N
                     　结　　　　论: 2Y7LW9cb_0~ fX
                     <input
         name=xgjg id= "xgjg " %T,Q^ ZikR)H
         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/> s_s7lM!hQ*^"go

                     <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> ^.w*@J%]?
                        <input type= "reset " name= "Submit " value= "重做 ">
                     </div> V1[cy{O7VJzO3G
注意：修改 <body> 为 <body  > 即为打开最大
化窗口，而如果改为 <body  > 就变为窗口一打开就最小化 @k1\ T-@7]5K|f0U
<object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> 7a4l)G;jX'I$if:m
                     <param name= "Command " value= "Minimize "> +R*@0az s9S:E M
                  </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> Of0sk`8P
                     <param name= "Command " value= "Maximize "> :Fy0dL,Q-c
                  </object>
</body> RX*A,b[_p _ifj
页面自动刷新（说明）
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 +P3hCQr{:\ylle
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秒后跳转到[url=http://www.williamlong.info]http://www.williamlong.info[/url]页面。
页面自动关闭 +IZ9\;EW\(|
5000是指时间 <body  > +n J,|g'v/k:`:Yc
弹出窗口自动关闭
10秒后弹出窗口自动关闭 5EK m!N@'`_ ebA
注意：在新的tan.htm的body中要加 <onLoad= "closeit() ">
head @L)] m;vt2r
<script language= "JavaScript "> 7u(uvQ*Q^n"[
 [6zEvB#ES
</script>
<body> 注意：这段代码是在新建文件中的
<script language= "JavaScript ">
  function closeit() +M(` G+Gy~!LW
  </script> KEujz6o3e
这个可不是 <iframe> (引用）呀。是直接调用的。以下代码加入 <body> 区域
<object type= "text/x-scriptlet " width= "800 "    height= "1000 " data= "../index.htm ">
</object>

zw2004 发表于 2008-5-15 14:04

顶哈

顶顶

页: [1]

捌玖网络工作室's Archiver

另类实用代码~ 家底奉上

顶哈