广西经贸职业技术学院论坛
标题:
[建站技术]实用:网页制作中常用的辅助代码
[打印本页]
作者:
月中水
时间:
2009-10-16 01:17
标题:
[建站技术]实用:网页制作中常用的辅助代码
点击返回上页代码:
# s' ]5 w% I" C' h1 ]
<form>
! G3 c' @# n! h2 E6 Q; S
<p><input TYPE="button" VALUE="返回上一步"></p>
! @/ {( @3 F8 \: `
</form>
' {1 K3 _% [. P+ y9 j) x
$ [) n' O; ?( u' o* G% b
弹出警告框代码:
! ]$ R |3 U- q% @: [1 B4 \. l# y
<form>
' D! e9 F; P; F$ n8 U
<p><input TYPE="button" VALUE="弹出警告框"></p>
2 ^7 J' j: p% L, d
</form>
6 t3 t5 w% ?' ], S: D
<script language="JavaScript"><!--
' j5 f4 H# w# R6 I* C
function AlertButton(){window.alert("要多多光临呀!");}
9 a0 D _9 K) T5 }
// --></script>
- U: U# G/ O q `5 J
; X5 |( m/ ~8 v4 c' ~
点击打开新窗口
: Q- y9 P* C# m! b! c
<form>
& C' A& l8 A4 _) j
<p><input TYPE="button" VALUE="打开新窗口"></p>
h" f3 x3 ?* ^- ]4 v0 M- C
</form>
6 ]* V! T' {# e2 p
<script language="JavaScript"><!--
0 T% Q9 j# @4 ]6 ]5 ~3 D u
function NewWindow(){window.open("http://www.mcmx.com","","height=240,width=340,status=no,location=no,
: X! E5 q. ~( i3 x
toolbar=no,directories=no,menubar=no");}
# T3 `* ~7 w' |' E. Q. `- \5 J
// --></script></body>
5 ^3 d! |4 Y9 u
& U+ p p( J$ Y; u6 s0 M
删除记录时弹出确认框:
: b% n7 l0 C# G" P* }1 M# b
<script LANGUAGE="VBSCRIPT">
! }) z) y/ M# `9 B% Q s0 j8 D
a=msgbox("真的要删除该记录吗?",1,"注意")
, Q# l# x$ p/ Y+ W: c
if a=1 then
: P( e1 |7 K# v0 O5 y4 a. `
location="Dodelete.asp?id=" //指向执行删除的页面Dodelete.asp
6 X% T) G( @& [: Z& k- l0 t }
else
# q- m, h/ R7 p
history.go(-1)
; v7 Z# A$ P; A' O x
end if
# X8 l8 y* T. U/ e2 P; n5 A: I
</script>
3 a& v) T4 ~2 P8 o
w E) S( u3 Z7 \5 m
关闭打开的窗口
- B% A0 _6 I7 O7 o s5 T
< a href="/">关闭窗口</a>
- d/ F, A% L. H w' b% [
0 A" K( O( }3 }5 h9 r: s
清空INPUT且选定
; c, a7 P8 L: @5 r
onClick="Javascript:this.value=''"
9 W9 M K. T5 f0 ~! ` I
- M( ]# [) z# E# p! ^* r* H( h
右键屏蔽
' N. v4 R4 c# F2 F# J6 U
<body oncontextmenu=self.event.returnValue=false>
& ?$ S, O; I9 x$ l3 z
: @! C4 f+ ~0 z/ g
连串英文自动换行的解决方法 IE5.5
( S; r0 m$ o# G. o
style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px
3 M; l: ^" l; f) J: P
3 k7 t7 k) `( T
图片“重置”按钮
; \" C0 X3 \2 R: C5 w7 |- k- w
<script language="jscript">
' T; L/ B, |" w. _
function myreset()
' _4 h( B/ m4 F& p$ {: F* r
{ document.login.reset();
4 Q$ @# C" q1 p: o/ T9 v
document.login.focus();}
7 B) x6 P8 V& c4 F
</script>
$ d% m8 U0 \4 O# H1 ]* |
<img src="image/reclear.gif" width="69" height="20" style="cursor:hand"
2 f1 \# y% o% f7 Q. X& m% l
* k5 R) Y o1 k$ |$ E
画细线表格
z6 s4 J! ?* {
<table style="border-collapse: collapse">
# F- `/ P) n2 r: J1 k
# G2 S% E# f) Q0 A6 n. F6 P
状态栏信息
& g* S- I* C% `
<form>
2 W( u. p& x* e- F; ?
<p><input TYPE="button" VALUE="状态栏信息"></p>
: X+ @9 t3 \) s
</form>
H! S( k7 d1 v; l* M! f
<script language="JavaScript"><!--
3 C+ b6 |( v4 [3 V- D* _7 c
function StatusButton(){window.status="要多多光临呀!";}
9 [; S6 p* ~; T0 _+ x" q) ~
// --></script>
+ |6 n1 @, i( u% S
" O: `9 m+ K$ @ z
最小化、最大化、关闭窗口
! M) d; k" Q3 C) n* T
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
T" P4 M2 z" U1 P
<param name="Command" value="Minimize"></object>
! s8 D4 R1 M3 }9 i5 W
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
; O) i5 `! G% U# f( F
<param name="Command" value="Maximize"></object>
! q1 l$ {& r/ r" u* }. L
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
; {. m9 E: B! S- C5 v0 u6 g/ x
<PARAM NAME="Command" VALUE="Close"></OBJECT>
0 B) H3 L+ v! j
! n/ U, `+ T5 H% N0 J6 N3 w
<input type=button value=最小化 onclick=hh1.Click()>
# K/ K1 ]" j! j& r- C
<input type=button value=最大化 onclick=hh2.Click()>
- y: `% f8 C7 k! _) i
<input type=button value=关闭 onclick=hh3.Click()>
" S; K" E: t/ ~% C; Y" F
本例适用于IE
# o/ f$ {( c) k1 D
) K7 n3 k) Z; I2 k7 o2 p. k
隐藏状态栏里出现的LINK信息
# B0 I' s! S1 h" Y6 b+ @. s
<a href="http://";>梦想天空</a>
. X& \0 e: {2 A$ M( ]! V
b% V' W! S0 U
文本框自动滚动条
- N4 k- u" F3 d/ S1 c# V* T
<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>
, w& i9 f( C3 T1 i- c
9 P. ?/ X! k- F& W( a
全选并复制
( }; m) D! J7 _" x: }
<FORM name=test><INPUT type=button value=全选并复制><BR><TEXTAREA name=select1 rows=3 cols=46>你好,欢迎您的光临!</TEXTAREA>
2 C! ~3 G/ z2 U
</FORM>
$ }: {/ P b- U/ x( u- |
<SCRIPT language=Javascript>
8 V2 \7 {" w* p1 q% ]
<!--
4 X+ B! f0 R; }( i2 o$ p5 L
6 x- S* [$ k6 x; a5 u
var copytoclip=1
& T$ I1 A. _5 D
* C' X" T; I$ l. b. o+ K. c0 X+ e
function HighlightAll(theField) {
- J6 Y6 J% k# N7 k+ m- E7 U- I" n
var tempval=eval("document."+theField)
; X( M6 A* S" s8 z/ r" R% h
tempval.focus()
9 x& ?- l/ C4 b4 X- f% g* k
tempval.select()
, `/ n0 ~3 r: Q8 o2 P; o
if (document.all&©toclip==1){
( z( z( ?: X3 y! v4 v/ ? F- b
therange=tempval.createTextRange()
, k$ E, E/ H/ A; R% J" C2 i
therange.execCommand("Copy")
" i" G; ~$ k7 e6 R3 I
window.status="Contents highlighted and copied to clipboard!"
: {# @- h" B5 _! ] y4 w
setTimeout("window.status=''",1800)
: g% w7 V8 @/ H- N
}
, i+ t: ?8 q1 u( p+ |6 I; r
}
, l; T. V+ K+ w0 i1 T
//-->
( \6 I/ V I1 o; x. ^, v7 {7 W
</SCRIPT>
" l4 N$ R' J+ V1 b+ B+ k) r) ?
+ ]! \+ o0 [5 S' i( m/ \7 e
屏蔽JAVASCRIPT错误
) r5 F4 \3 n2 t! o" d! u' c
<script language="JavaScript">
" F, H/ y. M1 H7 w
<!--
. Y9 I7 ^6 }2 I5 B+ u1 J& M
function killErrors(){
6 X- b. X/ h1 f0 l& T6 t
return true;
, h- n, _" G) E
}
1 A; V' L, G4 J1 W' ~
window.onerror = killErrors;
) N) x6 o9 H' B4 U$ C7 v: O+ [
-->
- _* x0 P2 N1 H c( z
</script>
2 K8 U5 y' ~' A! J/ d: v& X
V! L. T0 h2 _( r. `' ~# G
关闭子窗口时刷新父窗口
$ _" {0 ~7 m& M
<script language="JavaScript">
% a) d- ?7 D4 B# l6 A7 c: N. M
<!--
" V0 D9 w- Q, P7 D3 X) b7 N( f
self.opener.location.reload();
4 X; K, s7 s2 y! q! G/ j
window.close()
4 {& p% l# i+ t
-->
; L5 @+ L6 T1 ?) @1 ^3 N
</script>
' s7 a1 a8 C. o6 j7 L( D/ [
f1 t7 _7 X+ `# V1 O5 J
* T8 l; m+ D7 n3 {+ L
背景色变换
% f& Z, z0 Z& R$ Y& d _5 Q
<form>
5 Y- f# \+ x+ H! p7 b9 L
<p><input TYPE="button" VALUE="背景色变换"></p>
4 m4 G9 F4 Q$ h% N2 p9 Y
</form>
5 ^4 `+ B" u6 F0 O! O; e6 r
<script>function BgButton(){
2 Z& G" B0 R- ~' L# k: {+ O1 [
if (document.bgColor=='#00ffff')
. n- H$ @8 M5 Y1 D
{document.bgColor='#ffffff';}
9 } X) t+ }% j6 ^2 g+ c
else{document.bgColor='#00ffff';}
. f9 y5 V' _! j, S. C5 j
}
; l+ n! C' s: z% {! x( R6 U( O
</script>
- L ?& s& V4 U5 X# J
8 P1 J1 V1 J$ T& V* p% U; O: q
检查一段字符串是否全由数字组成
" l2 D, C$ e( {- x q
<script language="Javascript"><!--
7 F' l* E0 D3 e$ s& e- t5 a& e. i
function checkNum(str){return str.match(//D/)==null}
) v% N: P1 X O; a2 d
alert(checkNum("1232142141"))
9 B! P( Y$ s4 V- N: B
alert(checkNum("123214214a1"))
; G9 D; W) g. W7 d
// --></script>
& ^" ^# v( z5 |7 c
( c# `& M6 m* B% G9 s8 V# G* F- Y
判断是否是字符
4 V' c# ?! D5 C/ `( t& |
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
: @) a. ~, k* }& Z v
. I5 T4 b) ]" }9 N6 s: f
点击刷新代码:
/ X" d" {( |" `5 y
<form>
& D: Y. _3 G' b
<p><input TYPE="button" VALUE="刷新按钮一"></p>
+ g7 R" q* H' ]3 o
</form>
( G0 \/ C0 l z Z7 l! G1 o* g3 X
<script language="JavaScript"><!--
; `$ s9 F4 L& a$ e) g; h6 o' Z
function ReloadButton(){location.href="allbutton.htm";}
6 n& A+ }" f& L6 \& b
// --></script>
% V: U( Z7 W- i0 d
3 l0 Y$ j6 m7 E5 z6 @
让层不被控件复盖代码:
! l0 ?, p2 Q* F6 O0 O
<div z-Index:2><object xxx></object></div> # 前面
2 S3 Y& f ~5 N
<div z-Index:1><object xxx></object></div> # 后面
# G& d( w/ m: i* j4 o( N5 w9 j8 x
<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>
: \/ ^& \) k* @3 b1 O& R* d/ q: ?
<div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"><iframe height=100% width=100%></iframe></div>
7 a) N+ e( R+ X/ m/ `+ J$ j1 W! k+ k
3 y7 h- E/ P, G/ v
让层的相对定位
. I3 _1 V2 e& k* r+ F) u
<div id="Layer1" style="position:relative; left:0px; top:0px; width:0px; height:0px;z-index:1">
7 T4 f1 m5 P9 r3 y9 i
<div id="Layer2" style="position:absolute; left:500px; top:0px; width:220px; height:220px; z-index:1">
( r P6 o5 ^9 |0 v" p' ` Z$ d
内容
# q9 K6 B0 T% G
</div></div>
) }/ J( ]" W: l Z
' {- y- l% F5 }0 E, l$ Z
Flash代码以及背景透明
/ O, g) w. L% W
<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">
0 ]! X. X1 E$ l1 E2 w3 u
<param name="movie" value="文件">
, c! L ?0 S9 d7 t5 r
<param name="quality" value="high">
! N+ T4 ?6 f. c7 w
<param name="wmode" value="transparent">
8 ^3 B$ K+ W, a* a
<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