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

月中水

点击返回上页代码:
1 K" J4 P9 [+ |$ |. ^+ t＜form＞
＜p＞＜input TYPE="button" VALUE="返回上一步"＞＜/p＞
＜/form＞

9 V7 B3 b. }! M4 R弹出警告框代码:
＜form＞
＜p＞＜input TYPE="button" VALUE="弹出警告框"＞＜/p＞
: p  _8 C  _6 c% p5 Z& M＜/form＞
4 ?' H) ?0 V; x＜script language="JavaScript"＞＜!--
function AlertButton(){window.alert("要多多光临呀！");}
// --＞＜/script＞

7 C$ O+ \6 J( m$ w' g点击打开新窗口
＜form＞
& C' z/ h8 V: \1 \; n* Q＜p＞＜input TYPE="button" VALUE="打开新窗口"＞＜/p＞
' |: c1 C( @: N$ k4 c8 e＜/form＞
( o3 M( u7 M8 `/ [' `& V. D/ ?＜script language="JavaScript"＞＜!--
* [1 J' L) J3 ]& t0 N7 I1 _function NewWindow(){window.open("http://www.mcmx.com","","height=240,width=340,status=no,location=no,
+ Q& X' @6 \9 j5 O5 ptoolbar=no,directories=no,menubar=no");}
8 I! x) p/ T  _/ l0 p; R3 o- x# Q// --＞＜/script＞＜/body＞

6 F0 l6 c3 S5 ]' e删除记录时弹出确认框：
＜script LANGUAGE="VBSCRIPT"＞
1 i& I7 i$ z4 A1 y, I+ Va=msgbox("真的要删除该记录吗？",1,"注意")
: k0 h/ ?* G  g8 }: h+ tif a=1 then
location="Dodelete.asp?id=" //指向执行删除的页面Dodelete.asp
! @  C, X, m$ e1 C7 _else
history.go(-1)
- l! P% }# m0 q. B; A1 Cend if
＜/script＞
0 o9 A, \! _4 N) W9 S
5 ^0 |3 h' G# B- C$ d关闭打开的窗口
7 k. U9 E6 H+ h0 I# N( R: {＜ a href="/"＞关闭窗口＜/a＞

& F7 g6 J6 d9 Y! f$ Q1 g清空INPUT且选定
4 t2 F2 o6 ~) _7 n! m2 L+ }onClick="Javascript:this.value=''"

右键屏蔽
' }+ C( m: S' H6 }' [- l" a" A) W＜body oncontextmenu=self.event.returnValue=false＞
* }2 k4 W3 M+ x  u9 ^3 E
连串英文自动换行的解决方法 IE5.5
style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px

图片“重置”按钮
＜script language="jscript"＞
; ?! l- U' J  W4 h# v% L  bfunction myreset()
{ document.login.reset();
8 ^0 V3 S: |) j  i$ Xdocument.login.focus();}
＜/script＞
1 w# E% S! I3 X. T' X: @＜img src="image/reclear.gif" width="69" height="20" style="cursor:hand"
/ R1 Z$ t8 n9 [
$ ?3 K7 Z5 [5 v- t& u0 ~画细线表格
8 [, g& J+ ^: v6 ?. M＜table style="border-collapse: collapse"＞
- A1 |" t8 m! {1 |. Q
状态栏信息
＜form＞
) _2 c1 t- `2 i" i4 g+ Q* B＜p＞＜input TYPE="button" VALUE="状态栏信息"＞＜/p＞
0 w1 p1 o( y4 d3 c  b＜/form＞
- Z0 N- ^9 Z& d; c! o  q( t＜script language="JavaScript"＞＜!--
function StatusButton(){window.status="要多多光临呀！";}
8 O3 X! w* O; T0 e) ]// --＞＜/script＞

最小化、最大化、关闭窗口
' r5 W+ k& k5 e6 i& D9 j6 f' ]＜object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"＞
＜param name="Command" value="Minimize"＞＜/object＞
4 T7 P. S& f4 o3 N# j7 Y8 o! s＜object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"＞
- k6 M. J+ `) r) T' g0 l＜param name="Command" value="Maximize"＞＜/object＞
, M0 S6 [: {2 H4 e' x/ e＜OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"＞
＜PARAM NAME="Command" VALUE="Close"＞＜/OBJECT＞
$ L0 Q$ e+ ?4 o+ e
4 D5 R, d6 F* j. z＜input type=button value=最小化 onclick=hh1.Click()＞
＜input type=button value=最大化 onclick=hh2.Click()＞
; E0 B3 ^* `5 w8 c＜input type=button value=关闭 onclick=hh3.Click()＞
本例适用于IE

3 F' R9 ~: A0 n% R. e4 \' N隐藏状态栏里出现的LINK信息
＜a href="http://";＞梦想天空＜/a＞
9 x, u4 y& M  r5 m4 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＞
% g: S, b+ C, b7 @4 S3 c6 m
" X$ P4 g& ?! ?; B全选并复制
＜FORM name=test＞＜INPUT type=button value=全选并复制＞＜BR＞＜TEXTAREA name=select1 rows=3 cols=46＞你好，欢迎您的光临！＜/TEXTAREA＞
& l- A1 J0 w0 w4 g/ Q" W＜/FORM＞
＜SCRIPT language=Javascript＞
" C! Y" [' {* P, Y" Y＜!--

var copytoclip=1

function HighlightAll(theField) {
* s% ^6 Q6 B; N5 R+ H. gvar tempval=eval("document."+theField)
tempval.focus()
# v& w, C, c# i+ v  `* O" Ktempval.select()
5 Q0 Q8 F* S# ^, A& ]; _" Qif (document.all&©toclip==1){
9 m1 _3 \" S6 G9 L. C5 r3 H; Gtherange=tempval.createTextRange()
therange.execCommand("Copy")
window.status="Contents highlighted and copied to clipboard!"
setTimeout("window.status=''",1800)
8 b+ |, B+ T4 O}
& L/ F6 X% e: m' e' s, ?0 Z}
: k, K9 Q- e8 E/ T//--＞
＜/SCRIPT＞

屏蔽JAVASCRIPT错误
+ O5 @0 e, Y- ]$ z＜script language="JavaScript"＞
＜!--
8 i% l! K- v2 }0 sfunction killErrors(){
return true;
}
window.onerror = killErrors;
--＞
＜/script＞

& _. [3 P' t* F, P, T关闭子窗口时刷新父窗口
＜script language="JavaScript"＞
＜!--
7 K8 P8 _' }0 a, h# i' @0 s0 }self.opener.location.reload();
+ i2 ~; O$ n3 ~& [! U2 V& S# twindow.close()
# R( D/ D& t& L# C--＞
＜/script＞

0 u  X0 w8 Y6 h; t8 l4 E* Q8 M
# V; C1 I8 g( j, ~# X. b背景色变换
0 z" O4 ?, S- ?* {6 M＜form＞
＜p＞＜input TYPE="button" VALUE="背景色变换"＞＜/p＞
＜/form＞
＜script＞function BgButton(){
% O% u! |, v: z" b4 |5 [if (document.bgColor=='#00ffff')
{document.bgColor='#ffffff';}
else{document.bgColor='#00ffff';}
. f- Z* l/ ^* |1 X; ^+ E}
* Z* J. }: A3 v* l) v# R＜/script＞

检查一段字符串是否全由数字组成
: y! s$ q9 @$ E; F4 o＜script language="Javascript"＞＜!--
  Q" `3 H! W0 m2 S2 lfunction checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
) i7 m. s; x6 U; h* ]alert(checkNum("123214214a1"))
// --＞＜/script＞

判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
: O+ q5 T) }& Q- i  u
点击刷新代码:
# _- G. l0 [/ r; p' W; A5 ?＜form＞
4 u& u$ b4 h. K) K2 z$ B& G) ^＜p＞＜input TYPE="button" VALUE="刷新按钮一"＞＜/p＞
1 \  a: E2 j0 P＜/form＞
＜script language="JavaScript"＞＜!--
function ReloadButton(){location.href="allbutton.htm";}
* X: P/ h. ^( p! S0 r# \// --＞＜/script＞

% [" R) _; Q" ?4 O1 z; c# L) l- Z3 {让层不被控件复盖代码:
＜div z-Index:2＞＜object xxx＞＜/object＞＜/div＞ ＃ 前面
; t  o+ c9 @2 J9 i3 ]: ~＜div z-Index:1＞＜object xxx＞＜/object＞＜/div＞ ＃ 后面
$ ], y" S& [1 k& ~) {3 I( w＜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＞
1 N: X- j' r# C0 i# W＜div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"＞＜iframe height=100% width=100%＞＜/iframe＞＜/div＞
9 B6 E, U8 @: q
让层的相对定位
＜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"＞
/ k! w% L( ]9 {! C. o; m内容
＜/div＞＜/div＞
" d! E* \1 u$ d
0 ]& D1 v4 X4 \7 T. ^  i8 M# z6 YFlash代码以及背景透明
; B) V1 o7 K; [- G5 @4 p# r4 x＜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"＞
* ^. L  u& u6 b3 E( G' S＜param name="movie" value="文件"＞
＜param name="quality" value="high"＞
4 S/ L2 s0 o: w＜param name="wmode" value="transparent"＞
＜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＞