[灌水] 网页制作常用小技巧

网页制作常用小技巧
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制  m2 C1 x3 S/ J6 d/ u( }2 O  a  d
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="return false;" 防止复制
5.<head> <link rel="Shortcut Icon" href="favicon.ico"></head> IE地址栏前换成自己的图标5 x. h8 `5 g, e6 ]% S
6. <head><link rel="Bookmark" href="favicon.ico"> </head>可以在收藏夹中显示出你的图标
7. <input style="ime-mode:disabled"> 关闭输入法1 i' b. s; n* l' r! J) y& p
8. 永远都会带着框架
<script language="javascript"></script>
9. 防止被人frame
<SCRIPT LANGUAGE=javascript></SCRIPT>6 J4 p% o# e4 e9 {: R1 F: A
10. 网页将不能被另存为5 J' Z" k( p3 T' N4 J5 P+ ^
<noscript><iframe src=*.html></iframe></noscript>
11. <input type=button value=查看网页源代码
onclick="window.location = ';view-source:';+ ';http://www.51js.com/'">
12.删除时确认
<a href=';javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"';>删4 v# \9 e& N5 b1 U; p
除</a> 8 m% i) m- _, ~) ]; V0 @6 k: b% v
13. 取得控件的绝对位置
//javascript
<script language="javascript">( b' I+ B& r$ z5 `& F( @) a! X
function getIE(e){  o) U' z$ I& U8 [
var t=e.offsetTop;& w/ ~2 D: d$ ]' t
var l=e.offsetLeft;8 X4 x( H! I% O
while(e=e.offsetParent){
t+=e.offsetTop;8 {/ d) b- A( Y9 F% Q* F, }
l+=e.offsetLeft;$ s) V) ?& v5 s( v; F# Z
}
alert("top="+t+"/nleft="+l);8 y- [; e3 b' p! x6 R
}0 e& {3 E/ U' c0 x. A2 V6 j
</script>
//VBScript/ C5 x( J7 q! P: ^# N
<script language="VBScript"></script>/ M- ^8 s" h) S# T& {
14. 光标是停在文本框文字的最后
<script language="javascript">; M/ A  L# Q; c0 S
function cc()/ s  M: x' V& _' F7 |
{
var e = event.srcElement;* G  c1 H: J# l) l9 T, t
var r =e.createTextRange();
r.moveStart(';character';,e.value.length);4 S2 O" y% _6 n4 s- F" h
r.collapse(true);, l! _! b2 g/ g0 [
r.select();# s' ~) g- P/ @% N+ R$ E
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">
15. 判断上一页的来源5 n9 u, I. D( l& ?1 g8 n6 b7 m2 i( S" W
javascript:9 \# E9 C& S" h$ N4 K( S2 m
document.referrer2 @4 H) S. y$ B2 B! ]; _
16. 最小化、最大化、关闭窗口; Z0 m5 M6 ?" b3 B
<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>! G5 R$ s3 i+ z
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>  o8 b- X$ Q0 I! |" ~3 ?
<input type=button value=最小化 onclick=hh1.Click()>6 C+ E( e# N: Q$ o3 D6 ?/ x
<input type=button value=最大化 onclick=hh2.Click()>1 m$ H/ Y7 l( u
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 2 v6 M# A5 z0 D- H& U1 K
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL! ?/ i: {% w0 L
}
document.onkeydown=look;
</script>* k: B7 h# b/ T& s3 I
18. 网页不会被缓存" N- n& R) {( ^9 x# g& s8 T9 I
<head>
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">( r- |  _  h0 O" b. c' v  F
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
</head>
19.怎样让表单没有凹凸感？
<input type=text style="border:1 solid #000000"> 5 f; y, u/ @! M- R" [% Z% c
或
<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)用来定义大段的页面元素，会产生转行 4 Z4 {$ O5 g' S; u
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行 4 l, L$ f7 N' M. ^* I6 {) O
<layer>是ns的标记，ie不支持，相当于<div>7 X1 f$ x. U, ]0 h3 ~* o
% ^; F: i+ h: T1 U
21.让弹出窗口总是在最上面:
<body onblur="this.focus();">+ w+ A: D4 h  M" V0 j1 Q3 N
22.不要滚动条? ' }: @% r  O) _+ h  F  Z
让竖条没有: 8 R3 `1 N  J- z
<body style=';overflow:scroll;overflow-y:hidden';> $ G/ b6 _& {' \5 I6 w4 Q
</body> ! M  s% U+ k" ^* m, _
让横条没有:
<body style=';overflow:scroll;overflow-x:hidden';> 3 m+ Z" _: F, Y% R
</body>
两个都去掉？更简单了
<body scroll="no">
</body> ; u9 V' P/ c, Z
23.怎样去掉图片链接点击后，图片周围的虚线？/ y" O5 B1 _4 b3 }( x
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> $ B: {0 e8 O! ^5 r4 a. q* |% a: E
<input type=submit>" D1 U: k8 c9 N' W
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()3 g8 t$ K% T: R; ~/ W& F
26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">8 Z3 w0 O, B7 z8 Y5 `; I3 b
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<head>+ U1 c$ i9 {8 |$ E2 y: J7 _
<STYLE> * p/ b: Q% S  C3 Y$ S
body . `1 j' E' P& E2 D$ i; s/ p
{background-image:url(logo.gif); background-repeat:no-repeat; ! a) x6 J) p. k6 R" e8 Y1 V: z
background-position:center;background-attachment: fixed}
</STYLE> ; X2 T& f2 V. m( y
</head>6 l  P! A) f8 }5 ]* B4 }# N; E
28. 检查一段字符串是否全由数字组成
<script language="javascript"></script>( A6 P/ l: w! c& n' L- m" Y
29. 获得一个窗口的大小- c) x( }5 i! T6 @
document.body.clientWidth; document.body.clientHeight) ]! Z! Q3 B4 `  ^
30. 怎么判断是否是字符; z. z" W5 `7 T2 }9 o, c* Y
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");$ S3 c3 s' W. _4 q0 E
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">2 E, U& U" [9 ^* m' w3 a1 ]$ D9 q
</textarea>- P( q, q8 H; s# l$ O+ A' X. n
32. 日期减去天数等于第二个日期
<script language=javascript>, n0 v) a( g1 V' U( {. N6 b
function cc(dd,dadd)
{8 ^) m( I, K! h
//可以加上错误处理
var a = new Date(dd)# |  l- N6 b- g+ Q2 j
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)3 o: H) @/ @( o
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>
33. 选择了哪一个Radio( ~: w% o2 w0 o
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value. F4 O, |- @* @1 |# l
next
end function; d4 @; E; M3 |: m' V+ q
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">9 W7 w3 r# U7 J9 \% ]
</BODY></HTML>1 q3 G& V4 N$ \4 s
34.脚本永不出错6 a5 V. C" }: g8 U- W; j' U2 M
<SCRIPT LANGUAGE="javascript">

</SCRIPT>4 Z, x( i( O5 E( b2 i# m
35.ENTER键可以让光标移到下一个输入框% z% c: A# V2 S4 Z0 A
<input onkeydown="if(event.keyCode==13)event.keyCode=9">* _  k6 A" q4 A: x. d8 @
36. 检测某个网站的链接速度：
把如下代码加入<body>区域中:2 |% x; j9 q' {" A1 [: X9 a
<script language=javascript>
tim=17 i5 q) K6 R/ Y( i9 U
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"" O8 m6 m3 Q1 F7 R: d
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO
onclick=window.open(this.form.url"+i+".value)>9 V* _% V+ i7 R/ l: r' C- u: Z0 Y
")
document.write("<input type=submit value=刷新></form>")
}# s" k1 P( ]$ g1 K" X8 C! l' E
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)6 K) W7 y1 r! a0 I
{document.forms[0]["txt"+b].value="链接超时"}* d8 |/ }, ~* l' A/ l2 I
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++/ d% A3 L) b* ~! a  y- L9 b
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img
src=http://"+autourl+"/"+Math.random()+" width=1 height=1 : |7 Q0 ]- b) {& l$ a6 q8 P2 _
onerror=auto(';http://";;+autourl+"';)>")}5 x) H4 @. Z, Q! @7 {0 e. S5 V' |# D
run()</script>2 c5 P* s4 p/ K  j& B; _
37. 各种样式的光标
auto ：标准光标9 `, c# R! R$ t. ]& o
default ：标准箭头1 l9 u/ D0 g& j% i' [
hand ：手形光标
wait ：等待光标% b' P0 z* U/ K  {# C
text ：I形光标* |  S/ \7 O2 l5 ]
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标$ J4 Z, }0 {+ ~$ b
help ：?帮助光标1 ^# S& {: p- |& E6 L
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize9 V8 T; i- I- s8 ^: V8 T- N" [
nw-resize1 a& L! Y5 ]6 Y
w-resize
s-resize
se-resize
sw-resize2 o! O3 U" {1 b: @3 z, _+ R0 o% G
38.页面进入和退出的特效(注，放在head区)
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">8 q0 m# g4 B6 u6 e4 x
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">  $ Z  K( B* v3 X( ~5 r1 ^
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使2 n8 @4 `+ W, W/ v. y! k
用哪种特效，取值为1-23:- G% X6 j+ g: q; |" p. a2 ^7 H' E
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大 8 Z$ C0 `1 k9 I) x0 G; \6 o! q
　　4 下到上刷新 ; C8 E: N* z; i  W+ N) \) R
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗 0 B* ~; V+ l4 s9 }! Y
　　10 错位横百叶窗
　　11 错位竖百叶窗) S7 Q4 O5 E6 z% ]( O, P2 z& b! ]
　　12 点扩散
　　13 左右到中间刷新 & a5 l* Y4 c  o1 A, j: w, B
　　14 中间到左右刷新( Y3 v) W; ]' E9 R! j: o' k
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上. Q( n9 h; I; {, ?0 M
　　18 右上到左下 * M, Q  J7 p! p% M, e4 P. o& t( ?
　　19 左上到右下 9 o$ T+ ~7 J7 h2 r& K+ c3 i
　　20 左下到右上$ b. b% M% n* R; u, }
　　21 横条 6 {8 a/ j( j3 w* K4 c+ ^
　　22 竖条 ' O$ I2 e3 b, v- A0 I$ f: t
　　23 以上22种随机选择一种
39.在规定时间内跳转
<head>
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">
</head>
40.网页是否被检索
<head>
<meta name="ROBOTS" content="属性值"></head>8 x+ |8 s3 A- I" F- t! t
　　其中属性值有以下一些:; i$ O4 E1 ^% x" q8 y4 n
　　属性值为"all": 文件将被检索，且页上链接可被查询；. |4 _3 O5 t8 J
　　属性值为"none": 文件不被检索，而且不查询页上的链接；$ q+ K% c; A" l
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。( P2 B; N/ E( g  q& K' B7 ~
41.<a href="javascript:window.external.addfavorite(';http://www.anlan.cn.st/',';::暗淡蓝点::动漫部落';);">加入收藏夹</a>' Q" p! ?( f" J0 \, l! i
<input onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夹 name=Button22>
<input type="button" value="检查首页" onClick="this.style.behavior=';url(#default#homepage)';;if(!this.isHomePage(';http://bbs.chinesejia.com'))confirm(';你的首页不是中文之家，是否要将首页设置为中文之家？';)?this.setHomePage(';http://bbs.chinesejia.com'):alert(';用户取消';);"> //设为首页
<span onclick="var strHref=window.location.href;this.style.behavior=';url(#default#homepage)';;this.setHomePage(';http://www.anlan.cn.st');": f' Y3 A$ p4 b; H- ?1 ?6 Y: v
  style="CURSOR: hand;font-family: Verdana, Arial, Helvetica,smallcaption,华文仿宋,宋体;font-size:10pt;">$ b  O( _1 X# p# c7 m
<font color="#4682B4">设为首页</font></span># X+ Z; R) _3 D% ?% C: U: s
　
42、让FLASH置于层的下面：
说明，只需在<object></object>中加一句<PARAM NAME="WMode" value="Transparent">就行了
<body>
<div>" [9 }: l" P+ v+ {: G
</div>
  <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40
,0" border="0" width="683" height="396">& I3 m2 O* b8 A
<PARAM NAME="WMode" value="Transparent">
<param name="movie" value="swf1.swf">
<param name="quality" value="High">
<embed src="swf1.swf"
pluginspage="http://www.macromedia.com/go/getflashplayer";; type="application/x-shockwave-6 ^" L3 `, }) W$ P
flash" name="obj1" width="683" height="396" quality="High">: p! H* g9 Y# h0 f1 B# D) R
  </object>" H" ~8 L3 \9 m. @
</body>3 S0 Y2 j3 m: k* p& q5 P/ P9 ^9 I
43、背景居中:
<head>4 H; r, O# G% Q
<style type="text/css">
! {9 o9 M- R& Q) B& ], q7 t
</style>
</head>
/ M7 ], \' B; K$ O" |3 J: f

收藏分享评分

回复引用

订阅 TOP

ksn520

认证会员

光荣退伍

2^#

发表于 2004-10-29 23:10 | 只看该作者

[灌水] 网页制作常用小技巧

不好意思，这发了N遍了

一人回贴，全家光荣

[wma=1,1,1]http://file.zhangxiu.com/source/4/7/7/0/4770tkiXl1GE.wma[/wma]

回复引用

TOP

返回列表