[建站技术]实用：网页制作中常用的辅助代码

月中水

点击返回上页代码:
＜form＞
＜p＞＜input TYPE="button" VALUE="返回上一步"＞＜/p＞
$ ^3 C2 T1 A7 x* o/ \＜/form＞
+ A! R2 k; D' v) ~2 m
弹出警告框代码:
＜form＞
＜p＞＜input TYPE="button" VALUE="弹出警告框"＞＜/p＞
＜/form＞
＜script language="JavaScript"＞＜!--
function AlertButton(){window.alert("要多多光临呀！");}
5 Q+ y% T2 T- Q2 m' v// --＞＜/script＞

点击打开新窗口
/ j5 l. V* R* m1 m' J＜form＞
& h1 @( l5 A& j( a# K  d4 e) R9 U! k＜p＞＜input TYPE="button" VALUE="打开新窗口"＞＜/p＞
- @4 M+ t3 y' N; f$ [1 c＜/form＞
7 b( Q* U& e8 u) q＜script language="JavaScript"＞＜!--
" |/ r/ R1 `7 s& y, Wfunction NewWindow(){window.open("http://www.mcmx.com","","height=240,width=340,status=no,location=no,
toolbar=no,directories=no,menubar=no");}
// --＞＜/script＞＜/body＞
& V1 {4 E% D2 Z" B
8 }0 X& g5 H! q! y删除记录时弹出确认框：
, ?! w/ L; Z' I6 T/ y+ _) I＜script LANGUAGE="VBSCRIPT"＞
+ b/ }0 z. [1 U7 ~a=msgbox("真的要删除该记录吗？",1,"注意")
5 z* c* W; d2 K) @4 B. tif a=1 then
2 B/ G; A6 t4 i; l7 glocation="Dodelete.asp?id=" //指向执行删除的页面Dodelete.asp
else
) e. o- S; g+ k; X+ |7 @6 Qhistory.go(-1)
  Q- p- n- I8 U. nend if
1 ]1 B5 v: D0 Z＜/script＞
4 t8 h- m" A  o' h0 k7 V
# Y# b; H3 z/ ~0 i0 P8 r+ \* X3 c$ y关闭打开的窗口
& G7 `9 X6 v1 U% S! ], k＜ a href="/"＞关闭窗口＜/a＞

: z0 c5 [: S6 B: z清空INPUT且选定
onClick="Javascript:this.value=''"

# e: o, p6 y2 t8 d2 h: c右键屏蔽
4 H! ?3 q" g. V( B6 o＜body oncontextmenu=self.event.returnValue=false＞
" a% W: W  H+ h% Q7 t
3 |# f* z# y7 d4 P连串英文自动换行的解决方法 IE5.5
6 U9 I% j7 |) E5 k9 B7 {& istyle="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px

图片“重置”按钮
7 C! ]0 A; b( b! v) w5 Q# O- T＜script language="jscript"＞
- {( D/ G0 q. ^* ~0 l  x+ u# Xfunction myreset()
. Q( A4 l! g0 f3 ~: w$ B{ document.login.reset();
5 E% }/ E1 L4 ^document.login.focus();}
＜/script＞
＜img src="image/reclear.gif" width="69" height="20" style="cursor:hand"

画细线表格
＜table style="border-collapse: collapse"＞

' Q( l4 s4 l% P6 C- P% B状态栏信息
& M. S* `- z+ y% U＜form＞
9 e  y5 D6 t4 A5 V4 l/ _2 d* V- d＜p＞＜input TYPE="button" VALUE="状态栏信息"＞＜/p＞
＜/form＞
4 z: y4 h3 Z& y* `/ s" P# ?+ A4 c( ^＜script language="JavaScript"＞＜!--
function StatusButton(){window.status="要多多光临呀！";}
! g, P# z$ p' y& C* L6 I: |// --＞＜/script＞

最小化、最大化、关闭窗口
＜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＞
＜OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"＞
＜PARAM NAME="Command" VALUE="Close"＞＜/OBJECT＞
) r( l' ?; r. v1 e8 P3 _
＜input type=button value=最小化 onclick=hh1.Click()＞
3 x" t2 M! c  s: ]1 f% X2 G＜input type=button value=最大化 onclick=hh2.Click()＞
＜input type=button value=关闭 onclick=hh3.Click()＞
4 S; h+ _! Z. ]2 ]7 K6 A( |本例适用于IE

% I/ V* R$ M7 G- m8 B隐藏状态栏里出现的LINK信息
9 y: k  D% [: U  [) z$ x  K＜a href="http://";＞梦想天空＜/a＞
$ q+ x8 V* P: j
3 Y- g( w; }  D0 a3 J+ ^1 K& [, J& Z文本框自动滚动条
＜textarea name=words rows=18 cols=26 style="border:1 solid #000000;background-color:white; font-size:9pt; width:188; overflow:auto" wrap=hard＞＜/textarea＞

全选并复制
7 ]+ s" B; d1 t8 s3 Z＜FORM name=test＞＜INPUT type=button value=全选并复制＞＜BR＞＜TEXTAREA name=select1 rows=3 cols=46＞你好，欢迎您的光临！＜/TEXTAREA＞
; H* q' q9 i# R# |# s0 N/ P1 P% y＜/FORM＞
＜SCRIPT language=Javascript＞
$ H$ K9 M5 g0 s: i0 ~＜!--

var copytoclip=1
% R" s7 b. ]  f+ M, I5 K
function HighlightAll(theField) {
% ]8 _- z  |! ]6 u& ~8 B+ Bvar tempval=eval("document."+theField)
tempval.focus()
8 V6 V/ N" d+ jtempval.select()
" J' l& {: i2 W1 W! e; qif (document.all&©toclip==1){
* P! O/ z4 E( y/ l0 U" ytherange=tempval.createTextRange()
therange.execCommand("Copy")
  }9 m/ f! n0 O% X7 Lwindow.status="Contents highlighted and copied to clipboard!"
setTimeout("window.status=''",1800)
! r, d% S+ Q: ^# U) g) A* D}
}
//--＞
＜/SCRIPT＞
% ~- e, i# @3 _0 y* B; C2 t
屏蔽JAVASCRIPT错误
＜script language="JavaScript"＞
＜!--
. e9 g2 ]0 X. |3 U( Ifunction killErrors(){
% H& G6 t% ~8 o) {( _! kreturn true;
}
window.onerror = killErrors;
7 K* L3 m' r1 ?--＞
7 f: x0 X0 T% U0 E/ Q1 L8 h＜/script＞

3 i4 h; E% ^& X7 ]% G9 m关闭子窗口时刷新父窗口
9 D4 X5 m; i! T) j: A7 m＜script language="JavaScript"＞
＜!--
3 t+ |* }& T- |7 Fself.opener.location.reload();
* \. x: |; l% P: r9 B% Fwindow.close()
--＞
＜/script＞


背景色变换
＜form＞
* U. I1 O' q) Z" u2 L" B* G, h+ Q! o＜p＞＜input TYPE="button" VALUE="背景色变换"＞＜/p＞
＜/form＞
＜script＞function BgButton(){
  v& ^  Y# e- `1 q1 m+ g' R' |if (document.bgColor=='#00ffff')
# F/ K6 @6 m- L& B0 Q{document.bgColor='#ffffff';}
else{document.bgColor='#00ffff';}
}
＜/script＞
9 T' ]% ~" l/ b2 H
- u/ S  v  q( e4 i检查一段字符串是否全由数字组成
) ]1 y) M( p+ i  C5 T8 Z＜script language="Javascript"＞＜!--
9 e1 g0 k- v' b3 }8 v) j# x" mfunction checkNum(str){return str.match(//D/)==null}
8 W7 z8 x( [. }; n1 T+ ralert(checkNum("1232142141"))
- A9 n& ?: Q8 u4 ealert(checkNum("123214214a1"))
' V& `5 j4 c$ p& h: g// --＞＜/script＞

判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
5 v# C/ M* t/ i' @
点击刷新代码:
＜form＞
. y1 ^! D- H  u＜p＞＜input TYPE="button" VALUE="刷新按钮一"＞＜/p＞
+ }; P4 I: o- A; j! f& U＜/form＞
＜script language="JavaScript"＞＜!--
3 E: U4 q# Q0 Ufunction ReloadButton(){location.href="allbutton.htm";}
// --＞＜/script＞
) ^9 I. H9 I! {" j- u' w; b0 R
( V, N4 N% M- B, t' F" q$ r2 j让层不被控件复盖代码:
＜div z-Index:2＞＜object xxx＞＜/object＞＜/div＞ ＃ 前面
  S# C8 n9 ]4 \2 s8 f% r＜div z-Index:1＞＜object xxx＞＜/object＞＜/div＞ ＃ 后面
4 O$ d3 v5 S! E/ Y, h＜div id="Layer2" style="position:absolute; top:40;width:400px; height:95px;z-index:2"＞＜table height=100% width=100% bgcolor="#ff0000"＞＜tr＞＜td height=100% width=100%＞＜/td＞＜/tr＞＜/table＞＜iframe width=0 height=0＞＜/iframe＞＜/div＞
＜div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"＞＜iframe height=100% width=100%＞＜/iframe＞＜/div＞
1 s* E4 y2 x3 k; U
8 F: J$ a1 p0 x让层的相对定位
＜div id="Layer1" style="position:relative; left:0px; top:0px; width:0px; height:0px;z-index:1"＞
＜div id="Layer2" style="position:absolute; left:500px; top:0px; width:220px; height:220px; z-index:1"＞
% Y- o2 ^' @: l" P& T内容
2 s- g6 W1 o; k: n- A! O/ Y1 h9 R＜/div＞＜/div＞

Flash代码以及背景透明
＜object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="200"＞
＜param name="movie" value="文件"＞
# ?" v, U$ m: C2 N, d% {# u＜param name="quality" value="high"＞
" F/ p3 ~6 Y8 G: _- S$ x$ H7 H' I9 h# r＜param name="wmode" value="transparent"＞
4 {' d' ^- n' N& o& I- k＜embed src="images/fish.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="220" height="220"＞＜/embed＞＜/object＞