广西经贸职业技术学院论坛
标题:
[建站技术]实用:网页制作中常用的辅助代码
[打印本页]
作者:
月中水
时间:
2009-10-16 01:17
标题:
[建站技术]实用:网页制作中常用的辅助代码
点击返回上页代码:
- N5 \5 J0 Z; m9 Y f2 `
<form>
& a. @5 X' O. k. z
<p><input TYPE="button" VALUE="返回上一步"></p>
, K0 A: @/ \: k) K
</form>
9 \4 ?6 B o h+ u. o
5 B' L( V" U+ e) |# P; z* R
弹出警告框代码:
2 ? T8 A* e, I" D2 d
<form>
/ j' X. }& I. R
<p><input TYPE="button" VALUE="弹出警告框"></p>
& @/ S q- x. t
</form>
) t) f" P1 l& Q) i$ ]4 {. C9 q# c" c. E
<script language="JavaScript"><!--
- D" P# d7 q3 x
function AlertButton(){window.alert("要多多光临呀!");}
1 Q1 w2 I8 s- o: }8 F; f# f
// --></script>
8 W9 v1 d1 g. ~" Q
! Q* `. C' w8 K7 o5 _
点击打开新窗口
. A% Y4 b, I! i8 s5 e2 ~. v
<form>
, U; F# `/ Y- j! N; q! m
<p><input TYPE="button" VALUE="打开新窗口"></p>
) ~/ d( Q: U! h5 T2 f- C; b/ s: ^
</form>
" U- m' o. o) D6 a& g6 f
<script language="JavaScript"><!--
' P e* u1 g |4 y
function NewWindow(){window.open("http://www.mcmx.com","","height=240,width=340,status=no,location=no,
" s) c5 h5 G- q: g
toolbar=no,directories=no,menubar=no");}
( u% X. j# K! w, w. `! r5 }
// --></script></body>
/ t( A; S. `) J! F
; r- J3 |% Z4 r
删除记录时弹出确认框:
4 z% m/ T% m! ^& h3 W0 o
<script LANGUAGE="VBSCRIPT">
" T( V( y8 I" S# g5 `4 c$ M
a=msgbox("真的要删除该记录吗?",1,"注意")
! ^8 M6 S# z) a- ?
if a=1 then
: z x3 R) D+ _9 B! n
location="Dodelete.asp?id=" //指向执行删除的页面Dodelete.asp
: z- N4 _9 }/ ~; G) \& b
else
( O% K. U j8 v7 D3 K- h* o
history.go(-1)
* q( F2 s4 r, H9 ?& b; }
end if
2 K! x1 Y: k8 l: i1 E2 |
</script>
) y& H. ?- e% [. |; X, D
# m6 ^" X9 u" q5 P
关闭打开的窗口
1 ]' X- |: U5 T3 i
< a href="/">关闭窗口</a>
% P7 A" F( ~/ w7 S/ N1 g6 _& q
0 W7 G! \/ f* ^% h9 N$ v
清空INPUT且选定
, S( M- x6 p, A3 P* h
onClick="Javascript:this.value=''"
0 N+ Q' ~! n+ e M
+ e+ t7 b$ ]* T4 v6 b
右键屏蔽
0 Y; Y1 u9 ^! S. K- ] w
<body oncontextmenu=self.event.returnValue=false>
8 I2 \3 e# h" @7 _$ V
! W4 S% U; H6 V) }' D
连串英文自动换行的解决方法 IE5.5
% G8 t* y K- @! ~* X$ _* r
style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px
3 i4 Q. u- R- Z. @' J1 z2 q
. |9 [& i3 r" _% G5 X
图片“重置”按钮
& z: g/ M$ \6 A7 t J" R
<script language="jscript">
) K; h+ G' c9 V- s+ S
function myreset()
5 V; q/ z/ R4 I( W0 I# j6 e, \' S
{ document.login.reset();
]5 X: a$ k( I
document.login.focus();}
% v% j, j5 t, y( {" m
</script>
3 {) Z' d" n4 T. B
<img src="image/reclear.gif" width="69" height="20" style="cursor:hand"
3 b1 D7 P9 N* w* }/ k' D
4 ?' E' t0 R) L1 R8 Z, r1 V% K
画细线表格
3 }( r, j4 b5 F ]3 |: d* c
<table style="border-collapse: collapse">
5 X4 o) B0 k9 y
* Z2 z% D5 Q3 l; }6 |8 F# b% O$ n
状态栏信息
% ]+ Z+ Q* b8 e9 ?% t; \6 D0 [0 ?
<form>
; u, ?- l! y. l3 d2 t8 c# o$ I
<p><input TYPE="button" VALUE="状态栏信息"></p>
( G! D. { o/ I' E0 B
</form>
6 D2 \) z& S% U# E" z/ g5 d
<script language="JavaScript"><!--
7 `: f, J( _! C( j0 ?
function StatusButton(){window.status="要多多光临呀!";}
8 T8 D# @9 j2 [$ f
// --></script>
2 y! G) Q0 m; s# y* S
C# d" t; {( w0 _: Y
最小化、最大化、关闭窗口
2 Z: v0 @( o' q4 P8 b
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
3 H5 q" |/ [6 B" E8 a0 C0 D, E
<param name="Command" value="Minimize"></object>
N% V4 b: q4 H* m4 w
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
: o- B9 d8 j1 J. x7 ]3 L# z( H
<param name="Command" value="Maximize"></object>
- b8 U* f, Q* I4 h$ C" {
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
* |' d! j& [ C; u
<PARAM NAME="Command" VALUE="Close"></OBJECT>
1 p5 U1 \% l, G. _2 P3 J' P6 }
" T* I4 b2 A# v5 v! |/ h: p* }; ^
<input type=button value=最小化 onclick=hh1.Click()>
+ Y& H+ A7 J7 r9 M) ^4 J+ _
<input type=button value=最大化 onclick=hh2.Click()>
. y* n7 \; o8 F% \* E
<input type=button value=关闭 onclick=hh3.Click()>
4 R6 k1 g% r& A5 b7 X
本例适用于IE
* L* P5 `- G, j7 [, f
, R- x% M# D5 ]; v3 P
隐藏状态栏里出现的LINK信息
2 p7 C, o: ^ u, s
<a href="http://";>梦想天空</a>
5 G0 e& i @9 e/ ^1 G* h
' H$ s2 }, i) l, j( ~; {) y2 o
文本框自动滚动条
: Z; |' h/ d' d+ l t( D
<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>
# X+ V8 s" P" O# n' q2 I- O
6 W8 c3 f, E7 r& I4 Q3 c1 C8 n
全选并复制
4 T+ C$ V/ h k) R
<FORM name=test><INPUT type=button value=全选并复制><BR><TEXTAREA name=select1 rows=3 cols=46>你好,欢迎您的光临!</TEXTAREA>
& b% Y( k# S& M* C3 ?# _* j
</FORM>
, K7 I! i3 Y. p
<SCRIPT language=Javascript>
9 r% K* e M- |) R( l
<!--
# r( O* E9 l+ i# ~9 |
# Y: ~- [! g: C V! j" }
var copytoclip=1
. l" f$ Y1 k" {( p) j5 H
. N4 _' _! x! B8 k0 x( R: h+ y2 Y9 I
function HighlightAll(theField) {
& ]0 N, m4 |6 ?# j2 g
var tempval=eval("document."+theField)
# J0 O: f1 @& O4 E, n/ m
tempval.focus()
8 _1 d) P6 ^$ L, @; r% ~/ G
tempval.select()
& d. e* Z( h3 d! i/ {) n6 Y
if (document.all&©toclip==1){
' X4 E$ \* T3 f, t
therange=tempval.createTextRange()
; v# d# D y7 y) j6 v1 d. s3 L
therange.execCommand("Copy")
7 Z% f C9 P% p8 m% v: q- Z8 ~0 B3 q! U
window.status="Contents highlighted and copied to clipboard!"
. U$ b5 p* M" g$ ?8 L* h) ^
setTimeout("window.status=''",1800)
1 U! o- {4 i5 \& g! _' s
}
4 ^% [3 B5 G. ^
}
5 A3 P! ?' ~/ n* B
//-->
! y% a3 u/ H# `6 X
</SCRIPT>
' `9 r; M9 Q. \8 d# K) t+ Q1 G! o
# u( h( R' _" V% i Y1 }
屏蔽JAVASCRIPT错误
$ V" c% g, _# ]2 k* B
<script language="JavaScript">
1 Q" P5 O- E3 m) L
<!--
9 c1 ?* P& V# e" {/ |! y1 ~6 s
function killErrors(){
( U' Q' O8 Q: S: B8 u' W* _
return true;
* p. a$ c' n" I7 M5 ]0 _: g" D9 R- z, _
}
) Z$ h4 H( n6 l; z& i
window.onerror = killErrors;
, q3 ?# L. r) f" I! t0 I" z
-->
U6 G8 R: _2 J: d. j
</script>
4 V1 ?; n' T$ `; g& W
, [' U' _# W S* i! U% K
关闭子窗口时刷新父窗口
0 {0 f" ^9 K k j8 V
<script language="JavaScript">
* X, V' [( N e, R( R' A
<!--
' s! a) m) P a R3 ?6 B" @( N1 M
self.opener.location.reload();
% ^' i( ^, P6 j, R
window.close()
, o" [! q+ |+ ?7 t& F J4 M$ @
-->
+ g. s1 u3 H% S, a! N& d
</script>
' Z' k' {! m. T# v& Z
9 R0 h1 K! j" {
$ R( o5 ^" ?, J( R/ S K
背景色变换
; |* h4 O3 z: N( U" e% Q, n
<form>
: j$ t& a, N& M
<p><input TYPE="button" VALUE="背景色变换"></p>
+ c, q! N+ i# ]* u0 g9 ?
</form>
; i$ R) l, I/ H% X
<script>function BgButton(){
5 M8 W! q: Y( W* @* h2 N: P {5 K: p* R
if (document.bgColor=='#00ffff')
5 ]- x: @# y/ }+ S
{document.bgColor='#ffffff';}
. E% C( Z; _" S0 e1 p: c E
else{document.bgColor='#00ffff';}
7 w) G1 w. R- k) H! ]
}
" y: C$ S. i5 I8 F# g% \; \
</script>
+ Q' j# ~' | B: a6 S* ^$ L; t' o
5 b% H% F8 R( E% l2 `: ~
检查一段字符串是否全由数字组成
$ \6 w% R! I+ @4 X, k
<script language="Javascript"><!--
! Z' p: o' @$ X1 ?) N
function checkNum(str){return str.match(//D/)==null}
; }7 K3 O( b0 \$ c5 e1 r7 D: n
alert(checkNum("1232142141"))
6 [1 f0 m: t; S
alert(checkNum("123214214a1"))
/ W9 V* V0 |5 {% b
// --></script>
: ]( {7 U. n# g# ^/ F
$ H$ k- C3 p: w
判断是否是字符
- x1 H: K: V+ Q, V& P
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
: F' F5 \8 I) w7 f
% `" a: d6 s7 |# _" V( u) u$ O0 z) Q
点击刷新代码:
5 L" I0 M/ S9 t4 ]1 I( q
<form>
- w9 _7 U" ^+ ~
<p><input TYPE="button" VALUE="刷新按钮一"></p>
$ {% N2 E9 L* m4 S" V
</form>
7 s7 m3 q( T8 x5 e5 X, q; J3 L1 V9 O
<script language="JavaScript"><!--
& N: W. u+ _! {' ]3 |
function ReloadButton(){location.href="allbutton.htm";}
& n: A& \9 x. t5 l4 P
// --></script>
1 A' h1 M0 l0 E4 b, h
/ d/ O& W2 @( H* G6 ~& P" S
让层不被控件复盖代码:
( _9 Y( G9 Q4 Y' s7 q) o
<div z-Index:2><object xxx></object></div> # 前面
5 s5 X1 Y) f1 U
<div z-Index:1><object xxx></object></div> # 后面
7 ?1 ?, |, ~+ S: A" y+ 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>
" Y- Z, |# i9 f- R1 L2 S* O
<div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"><iframe height=100% width=100%></iframe></div>
6 K, N* C T2 M( y. L& T2 _
3 n7 Z) H! @9 ?
让层的相对定位
% S0 s& f$ c) [. T
<div id="Layer1" style="position:relative; left:0px; top:0px; width:0px; height:0px;z-index:1">
% a8 t1 q1 J& P5 ?
<div id="Layer2" style="position:absolute; left:500px; top:0px; width:220px; height:220px; z-index:1">
' `' ]$ ^ \) y: j- v4 N6 X
内容
( \+ G* ?6 i5 W2 R& F
</div></div>
$ S' A8 G: n# e+ ? k
5 R8 c5 e# y- Q1 Q
Flash代码以及背景透明
: n$ M( j, {0 p6 ]. q1 P
<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">
6 y7 r6 Z4 c+ Z" `
<param name="movie" value="文件">
) p4 [1 y4 W$ x* x
<param name="quality" value="high">
; G* m9 N4 O2 V \; n2 e& G
<param name="wmode" value="transparent">
8 s5 n3 V, [: H7 M
<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>
欢迎光临 广西经贸职业技术学院论坛 (http://gxjmbbs.com/)
Powered by Discuz! X3.2