飞翔无限fxwx.com广西经贸职业技术学院论坛
标题:
[建站技术]实用：网页制作中常用的辅助代码
[打印本页]
作者:
月中水
时间:
2009-10-16 01:17
标题:
[建站技术]实用：网页制作中常用的辅助代码
点击返回上页代码:
1 n, _" z9 A4 q: S# P* V# |. U
＜form＞
; Z# J$ j7 R/ s) r: \3 z
＜p＞＜input TYPE="button" VALUE="返回上一步"＞＜/p＞
3 f0 N0 W5 U# }4 h4 n; s! E8 [" [
＜/form＞
3 s8 ~3 a1 B7 o4 W5 v" A; j/ n0 i
6 B4 m# |' n6 D
弹出警告框代码:
4 D. C, ?& B" S) |
＜form＞
# [' w8 P0 j' s- V5 m0 a, M
＜p＞＜input TYPE="button" VALUE="弹出警告框"＞＜/p＞
- L& N# f* s3 a* C1 q
＜/form＞
+ H$ E0 U- t7 Q! }% S9 E
＜script language="JavaScript"＞＜!--
2 S+ j( n/ n) F2 N
function AlertButton(){window.alert("要多多光临呀！");}
2 w% K9 P* t2 S0 K/ M
// --＞＜/script＞
+ i- P% v* x) ?4 u
S( D/ F- A- P2 H" g
点击打开新窗口
" T7 q$ r+ C: e/ ]6 y& t
＜form＞
: D- i; Z$ g0 k8 O$ }4 ]
＜p＞＜input TYPE="button" VALUE="打开新窗口"＞＜/p＞
; E0 G. U+ L' b; }) B/ V7 I
＜/form＞
7 h) V% G+ s4 u+ @7 G9 z# [. M: o
＜script language="JavaScript"＞＜!--
v% E1 l, H* U1 g' Q, }9 E
function NewWindow(){window.open("http://www.mcmx.com","","height=240,width=340,status=no,location=no,
d6 D4 h l! S
toolbar=no,directories=no,menubar=no");}
3 H& b0 F' r9 n$ A9 w5 _
// --＞＜/script＞＜/body＞
" U5 F) n0 T5 n* ]7 M% B$ v
7 M0 ?# m4 X8 T/ d* A+ y& r
删除记录时弹出确认框：
! m( M$ b- w: U- u
＜script LANGUAGE="VBSCRIPT"＞
" k" x+ x( E* i. I& m. W" }
a=msgbox("真的要删除该记录吗？",1,"注意")
3 t N% }+ S1 K9 ?
if a=1 then
0 z4 C2 @& Z/ ]
location="Dodelete.asp?id=" //指向执行删除的页面Dodelete.asp
6 M5 }1 J6 `1 k# {: S. g5 o5 d
else
5 a- }% Y. U# R( b1 \
history.go(-1)
/ p; w* Y0 Z. W+ c) h: _" u2 y( h) J
end if
& Q. Y& I9 T. p H4 i
＜/script＞
y8 @2 Y9 P* ?4 g4 i$ p- d+ t
/ }, T2 x q5 S) }: D
关闭打开的窗口
2 z. P. \# J; O, N2 ~2 ]# L
＜ a href="/"＞关闭窗口＜/a＞
5 T$ X9 |4 J' [$ k# z- p# z
' x1 v( J4 k/ \8 d4 [, ]
清空INPUT且选定
2 z6 `1 R& q1 T7 F0 @9 k, D" V" K
onClick="Javascript:this.value=''"
2 @' R5 {/ ^. b; ~' H
* k. y7 u. a( n! j
右键屏蔽
" j! d3 a+ C) {# `, t
＜body oncontextmenu=self.event.returnValue=false＞
/ G% Q+ k" Y8 Q9 q% [( [( S
8 f" j: S, M. d6 D5 O% w
连串英文自动换行的解决方法 IE5.5
, V5 r: b( N _, n
style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px
5 x5 Q* ~3 B) {+ i1 Q i+ H7 v4 o2 t5 @
, n* v+ X2 v* ]
图片“重置”按钮
) k5 W. }* J4 E" K/ G
＜script language="jscript"＞
% c2 ^/ L" c7 ~5 }2 G5 `/ X) X
function myreset()
% Z$ M: j6 V8 K8 l
{ document.login.reset();
+ z- s/ U& B( o. q l! s. u
document.login.focus();}
+ O; M; B' W5 s) S
＜/script＞
. Y. d/ n" g* x- z# X
＜img src="image/reclear.gif" width="69" height="20" style="cursor:hand"
' R. a& A% |: v- C. U& M, W% A
& c! @: K2 F$ j/ T
画细线表格
% W; H- M; x1 m6 i A5 j
＜table style="border-collapse: collapse"＞
0 g0 j ?% R9 @/ t) t, n/ q
# `" O5 f/ Q' ^* X
状态栏信息
& `5 {' C! c! ~- s
＜form＞
5 Y7 ?' Q9 F# w6 v3 @- c1 g$ K0 h
＜p＞＜input TYPE="button" VALUE="状态栏信息"＞＜/p＞
N6 `- d5 O9 o+ m
＜/form＞
6 F6 k& N; k, V3 Y u, \
＜script language="JavaScript"＞＜!--
( E) W& [2 G( q, _
function StatusButton(){window.status="要多多光临呀！";}
$ b& R" U, O# s) |- f/ x) t
// --＞＜/script＞
$ T6 Y) g* r; q! |
9 U0 E* Z2 E* D6 B0 @
最小化、最大化、关闭窗口
7 @# {4 Q/ ~' K# t
＜object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"＞
2 [5 _# v. Z3 Y; B; T3 L. R
＜param name="Command" value="Minimize"＞＜/object＞
W+ m2 o* Z, f0 ~
＜object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"＞
( h5 ~' H; B5 T1 e
＜param name="Command" value="Maximize"＞＜/object＞
/ I- s. t/ i: D2 [; s3 N" ?% L( b
＜OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"＞
$ d t' f/ T4 O) P( `- W
＜PARAM NAME="Command" VALUE="Close"＞＜/OBJECT＞
. N7 }1 U0 D8 [+ s# z2 c% h
* B8 ^' q6 L7 U2 S
＜input type=button value=最小化 onclick=hh1.Click()＞
1 r9 W; g$ x* W- Z3 w% R0 Y# K
＜input type=button value=最大化 onclick=hh2.Click()＞
8 n1 v% u/ p! c- y, r
＜input type=button value=关闭 onclick=hh3.Click()＞
, O% `+ q) a `6 K4 N1 G: \5 m
本例适用于IE
6 \* o( x: Y2 F/ @* ?3 M2 m0 U2 A9 }
$ U4 a: ^. j$ _0 Y6 F+ R
隐藏状态栏里出现的LINK信息
9 t6 I3 ?4 w; y; x$ u* f( j
＜a href="http://";＞梦想天空＜/a＞
# O% }7 C! f+ O" `6 r+ s F6 @
: ~$ }* W$ N! }9 |8 l8 Z6 M0 C6 S
文本框自动滚动条
& d, [: x, R3 `7 B
＜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＞
; [8 e% r% g/ J/ @! B
) Y/ X3 `" p; ?( p
全选并复制
1 e$ m5 C n% h/ ` W) m; y/ `
＜FORM name=test＞＜INPUT type=button value=全选并复制＞＜BR＞＜TEXTAREA name=select1 rows=3 cols=46＞你好，欢迎您的光临！＜/TEXTAREA＞
0 p& i- E: E. Z; X
＜/FORM＞
, G7 q1 V! k" m8 _ Y$ V8 c! E
＜SCRIPT language=Javascript＞
# s! H/ d& @5 D2 Z' U& B
＜!--
5 m' b: c- X; R) t2 O
0 e4 @( V! I2 Z+ w0 d
var copytoclip=1
- K: j# S& A' E" Q0 ], m
c3 _3 N) _' X% }' W; N
function HighlightAll(theField) {
) I7 S. y R1 r$ b, L- R
var tempval=eval("document."+theField)
; }3 I4 q- y4 B* {% R2 }
tempval.focus()
* C/ Y) `4 J3 H4 M
tempval.select()
4 q+ Q" M; y7 f& k; Z; M* I9 Y, U
if (document.all&©toclip==1){
! L( ]6 v" o* g8 B5 b
therange=tempval.createTextRange()
0 [ J) R/ }5 [" N2 Q9 N
therange.execCommand("Copy")
6 A$ ^4 ^( Z+ p9 U3 I0 Y5 @
window.status="Contents highlighted and copied to clipboard!"
7 R! w+ S. T2 I& U
setTimeout("window.status=''",1800)
; q5 l( Y' M4 C. E$ d2 B. x
}
" f! A$ H) R4 L' d
}
8 E. u& s1 |: l; h$ w
//--＞
: R# X; }, F1 d" u( s8 T
＜/SCRIPT＞
# H$ v7 U& t& o7 C/ l3 J: l% h! o
5 K# K/ d/ }8 B
屏蔽JAVASCRIPT错误
, y4 Y3 h" |# ^& n* Q' [1 J
＜script language="JavaScript"＞
# a, N A+ d$ J6 K( L; c+ H
＜!--
1 }# n! Q: z# h1 U0 Y
function killErrors(){
" V* @. g" M3 {. R3 B, A
return true;
9 u4 j$ w& m5 ]# L
}
+ O- u. e/ h: H- K. @
window.onerror = killErrors;
9 S5 J. [8 N. p: j7 t* j; p
--＞
& v- x1 ^2 t1 O, d1 U9 ?* X
＜/script＞
( e' }: T, N; A i$ z9 p
& S/ e6 c: I' G3 P- M- v
关闭子窗口时刷新父窗口
z# z4 d1 G/ Y( q+ i
＜script language="JavaScript"＞
2 P3 g! _# T7 o* g
＜!--
9 w, V0 L# X7 Y' Z% w m' D
self.opener.location.reload();
: t' J. C( c! a1 R% V4 Y( r
window.close()
2 L' k5 c$ |( v
--＞
9 O+ w0 [( U' ?6 x6 o% Z
＜/script＞
5 a- c: H, a! E8 _) J. P
; C: r8 V" P: q$ D
; [1 P& Z3 \1 s! W9 |- R
背景色变换
* @2 w) W1 X' u8 J: e
＜form＞
% ?- r$ F2 L/ ~* S) V2 o: u& T$ @; k
＜p＞＜input TYPE="button" VALUE="背景色变换"＞＜/p＞
& {% ]* J( r# H
＜/form＞
9 P: p8 @+ }1 N& g3 w8 H
＜script＞function BgButton(){
4 H; t3 V. Y5 z5 G# I+ m1 |- |, y2 B7 u
if (document.bgColor=='#00ffff')
1 F& X( D) I; a4 m5 |. p9 y
{document.bgColor='#ffffff';}
. k$ d" n0 ?' o
else{document.bgColor='#00ffff';}
) z) k2 I5 p$ m) T/ @9 i
}
' w# V+ G9 N, E
＜/script＞
0 o/ k5 T0 p0 A5 ]9 Y- x) ]
" s- f& ?' E8 J8 m
检查一段字符串是否全由数字组成
o: V+ i4 e7 C2 F$ M: q8 N6 A5 K
＜script language="Javascript"＞＜!--
* d r9 K8 }% C4 z
function checkNum(str){return str.match(//D/)==null}
' r* H; O8 b) T4 k' r
alert(checkNum("1232142141"))
) s- F5 B% `, b% `) k! v6 e6 C
alert(checkNum("123214214a1"))
" A" P' [6 T2 r: W. F
// --＞＜/script＞
- Z& F3 z! M- {0 x
0 D3 d4 A O) f7 b& {, F8 }) o
判断是否是字符
7 M( K$ s2 Y6 b5 C0 d
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
% n$ a# A% I9 H" J9 V
* [% o. j! K/ l1 A" p
点击刷新代码:
2 K q# k) V( T* @( K/ ^
＜form＞
+ X: c. D/ Y, _1 F% v+ M% u
＜p＞＜input TYPE="button" VALUE="刷新按钮一"＞＜/p＞
3 Y: {' e# V( f& Q, D; O! q) v! Y3 F' o. {
＜/form＞
2 s) g0 ]) `+ b
＜script language="JavaScript"＞＜!--
. B* @ i7 r( {
function ReloadButton(){location.href="allbutton.htm";}
' \# s& b4 r( v/ I( i
// --＞＜/script＞
% N; x. I1 Y+ `# _; @: z8 U
G4 o1 @* Q3 } r p6 h2 c
让层不被控件复盖代码:
8 B! P0 P; ]; A+ a3 w8 a: R
＜div z-Index:2＞＜object xxx＞＜/object＞＜/div＞ ＃ 前面
; Z& A; `, M6 C- w& N
＜div z-Index:1＞＜object xxx＞＜/object＞＜/div＞ ＃ 后面
& L+ \5 _6 p$ x) S) ]9 ]5 e1 l
＜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＞
5 p' F: j: K4 B1 r0 p
＜div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"＞＜iframe height=100% width=100%＞＜/iframe＞＜/div＞
1 E2 _# }! J9 P
- ]4 q0 u/ ^ M' R
让层的相对定位
( v* X% [+ I5 a8 H9 r+ X8 g! J0 D
＜div id="Layer1" style="position:relative; left:0px; top:0px; width:0px; height:0px;z-index:1"＞
+ w1 p; I2 N0 b( `: }1 B5 T% O) i+ X
＜div id="Layer2" style="position:absolute; left:500px; top:0px; width:220px; height:220px; z-index:1"＞
3 ]' v6 v* z0 q0 }- o/ I& A
内容
+ u7 \4 d8 w; K# k2 q8 Y( J
＜/div＞＜/div＞
( E5 P% ^& j. {' J2 i& C! m
4 o5 |* s2 j% Z
Flash代码以及背景透明
$ G" Y' n3 I1 j7 S
＜object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="200"＞
1 \, E+ s c6 }8 Q8 V2 c
＜param name="movie" value="文件"＞
4 K. G. q E3 m, Y* V. ^+ [- m
＜param name="quality" value="high"＞
& V4 w2 o$ I# `! l, @4 x
＜param name="wmode" value="transparent"＞
% m0 i, x) j: A0 O2 t S1 q2 r( F0 Z
＜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＞
欢迎光临 飞翔无限fxwx.com广西经贸职业技术学院论坛 (http://gxjmbbs.com/)
Powered by Discuz! X3.2
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="200"＞