Discuz模板|Discuz插件|Discuz教程|Discuz素材免费下载

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)所有用户可全部免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需购买会员组方可下载),如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

HTML常用代码介绍

[复制链接]
tuyuanma 发表于 2017-1-20 18:42:29 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


HTML即超文本标记语言,是目前应用最为广泛的语言之一,是组成一个网页的主要语言。在现今这个HTML5华丽丽地占领了整个互联网的时候,如果想要通过网页抓住浏览者的眼球光靠因循守旧是不行的,程序猿们需要掌握一些必须知道的HTML常用代码,因为只有熟悉掌握了常用的HTML代码,程序猿们在编写网页的时候才可以做到流畅美观,用细腻的思维和创意的细节效果打动并留住网页浏览者。) A4 Z& |7 E$ e( v! o9 [: o
html css代码" Y0 T% F: G9 `2 W: K M
文本设置( I) _6 u5 J( n8 w2 Z6 G2 d
1、font-size: 字号参数
' ~7 Y9 I; }( y1 q. H) N/ d4 h2、font-style: 字体格式. [$ f! y: Z- O" C' U
3、font-weight: 字体粗细8 A4 i( Y S' n% L
4、颜色属性
( m4 _% }0 `) T# Xcolor: 参数
. e6 A$ H( C- Z! k# U. G注意使用网页安全色
. p8 w4 G2 q% ?超链接设置
& c1 Q5 _9 c$ u, u" etext-decoration: 参数
# k0 }5 G# d) i- I" r主要用途是改变浏览器显示文字链接时的下划线。7 H: Q7 C* F- X9 D) a
参数取值范围:
6 I6 o; e9 o4 I8 W4 Lunderline:为文字加下划线6 ?* h- L% M$ o9 u" r$ v
overline:为文字加上划线2 d, J* b7 t8 |5 p8 C
line-through:为文字加删除线
* t. x0 ^8 G5 h o3 s3 l( w6 D( l8 wblink:使文字闪烁, j# B  q: j; I6 k) g$ R8 F* d
none:不显示上述任何效果
2 R: n% p# y7 w4 j# `$ O背景& {, `3 J4 `( U
1、背景颜色0 r8 i  T4 I  W5 ~7 U3 a9 A! y
background-color: 参数
: d5 r9 o3 a8 I7 K8 f/ O" C2、背景图片
% h, w3 [9 v  Ybackground-image: url(URL)& f r: @) F" n0 H
URL就是背景图片的存放路径,none表示无。
& B% a7 T4 V' [) ?3、背景图片重复0 {: C! j" u! E' H
background-repeat: 参数/ X: i u7 g$ C7 c2 I
参数取值范围 :
4 ?) \5 |& k  Vno-repeat:不重复平铺背景图片
1 R' D ` P5 I3 x# d  j5 Rrepeat-x:使图片只在水平方向上平铺
! t2 A" E8 ^ ]0 X! x. wrepeat-y:使图片只在垂直方向上平铺' d9 |- ]5 _3 k j2 E ?
如果不指定背景图片重复属性,浏览器默认的是背景图片向水平、垂直两个方向上平铺。% S4 U9 b. A2 w
4、背景图片固定& `8 S8 w/ H& ^2 N( E" c/ [
背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力,一般都设为固定1 |) o3 N- U8 n; H
background-attachment: 参数% \- k- w# `2 x G: O8 z' |
参数取值范围:7 z% r$ u* x- ^
fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
6 c% i) f, @9 R0 {0 fscroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动
3 W p N) k' i区块
* n0 e; [( p d7 K1、单词间距  g. C2 N6 B y7 p4 M- b
word-spacing: 间隔距离
. n2 u3 G6 C  g: Q5 G6 ~2、字母间距
; ]% f8 b5 y9 v- t3 |letter-spacing: 字母间距
- D# ]! _& a/ B* U3、文本对齐
8 @. p1 D, d% \) r" _5 `text-align: 参数
7 ~' `  ?7 j2 L# @参数的取值:
0 w( e( I9 q* P2 v. Lleft:左对齐
4 W1 p8 I$ \1 O5 H' @3 t9 U( `- Fright:右对齐
' V7 @; N' `. i2 K2 t% [center:居中对齐7 R2 y; H. F( Y  I' m0 Y
justify:相对左右对齐5 C: }& E$ h2 W- R" P. L0 ~
4、垂直对齐 G `6 g  r- x0 n9 F3 n
vertical-align: 参数  v- I% F2 ]% y
top:顶对齐
' ~( W) B) ?. O7 [ m3 e  @bottom:底对齐0 c" M/ F& x1 Z: {0 _ @
text-top:相对文本顶对齐6 r f. p: M6 t o0 t. l0 |
text-bottom:相对文本底对齐  ~1 N) }' i# e0 F/ @, | `. I H# M
baseline:基准线对齐
6 _- g" T e- D" P5 Umiddle:中心对齐
- A) S, e  U7 m8 ysub:以下标的形式显示( z8 b- J' Q' L/ T6 [( A. l& T- n
super:以上标的形式显示
) T! ~/ i# Q: n5、文本缩进
5 n; E" y- L$ d, ?7 V T* Q. ftext-indent: 缩进距离$ g7 K% l9 q4 ^4 Q
12px相当于一个文字距离
$ ^5 ^$ w) s G  ]% o K6、空格
/ p1 e8 S1 z$ P- jwhite-space: 参数 |2 d3 W2 L( n% C
normal 正常
* u! e2 z- o' {) q# f! I  Xpre 保留, ?8 L  h( B* a y3 _' Y! ^4 k* C
nowrap 不换行! M/ ?6 ? o' Y: T9 J
7、显示样式
5 b0 {/ d" J6 M; x6 `( ~1 `display: 参数
$ G* _ V$ b& D, y/ S3 d参数取值范围:
  y* b: P. I0 M! Vblock:块级元素,在对象前后都换行
) y7 w; P! R Jinline:在对象前后都不换行( q8 h6 I: y$ K7 w1 _& \; K! e
list-item:在对象前后都换行,增加了项目符号, E" s1 i5 U4 r
none:无显示! \/ B4 N! Z' q& m! ^1 L" S1 J- Z
方框# W1 y8 [8 I: R/ I
1、height 高度8 z& \7 R# ?! S( W4 s' m
2、width 宽度
- a5 W% p2 \& T7 \, S9 i1 X3、padding 内边距
8 S! U1 K! v- W4、margin 外边距! _3 m8 {* q  T# `
5、float(浮动):可以让块级元素在一行中排列,例如横向菜单。& g9 F% j# _3 L
6、clear 清除浮动
' U5 N ~' W3 N! U0 [边框
2 R0 B' e# \9 N! U1、样式' l$ X# b/ F% o
border style 参数1 k( U' S5 u( f6 O
边框样式的参数:0 E- y' p* K. J' D6 F9 H
none:无边框
8 j/ N/ t* Q2 T: o8 w% ydotted:边框为点线2 j$ M' p) p! d$ _8 K- X; z: `
dashed:边框为长短线5 V. i  K% P) i, r
solid:边框为实线! X& o( X# P, p  }8 k
double:边框为双线
7 J! g5 W4 Q: E2、宽度
# m) ]9 u# u7 n' xborder width 参数9 G* r0 A' \9 p6 K
3、颜色
" c! U" }3 ^: I: Cborder color 参数
. p; V' I: ~; c/ v. K# A列表
. C/ F; I1 ~: p, I8 K8 i; [list-style-type 列表样式4 K1 r# [1 n8 Y4 N. j# f
不同浏览器的列表符可能不相同,可能会影响到网页,所以网页中的列表大多都是由背景图片显示。
- @, r: A& d$ \% R控制用户界面的样式" v. g4 F' s0 c9 ?" `5 V6 U
鼠标
1 F! n/ N- {5 P% ^cursor:鼠标形状参数
6 b; p3 I! w9 E5 z8 I/ rCSS鼠标形状参数表:
- P; T! I2 y I6 K! A鼠标形状:CSS代码
( Y3 C" v [/ O* M  x: pstyle="cursor:hand"      手形3 \& O/ D2 ~% `; Y3 K
style="cursor:crosshair"   十字形) j- p% H$ F/ X3 I1 j
style="cursor:text"      文本形9 K7 `6 Y: w3 {$ ~$ O) Z* b9 z
style="cursor:wait"      沙漏形( Q/ {. K8 }( t( n q# e) B
style="cursor:move"     十字箭头形:
: @6 g  g6 m6 j# m' C3 Ystyle="cursor:help"      问号形' R! \! w/ e1 S! }
style="cursor:e-resize"    右箭头形
; N! o7 q. Z5 N6 P6 qstyle="cursor:n-resize"    上箭头形
% D1 {# e4 g/ c0 U4 G" T3 Tstyle="cursor:nw-resize"   左上箭头形
/ f* \! Q5 S/ t) tstyle="cursor:w-resize"    左箭头形
0 h9 Y- L$ G9 l% i. Ystyle="cursor:s-resize"    下箭头形
. X. {- x( d( X7 {style="cursor:se-resize"   右下箭头形$ _! J. d9 [3 ]6 e
style="cursor:sw-resize"   左下箭头形
$ K2 q% J$ h# u, s/ { t$ ?( vHTML常用代码之:结构性定义
& L- k- J' Y2 a$ ~2 u6 H6 \/ r j文件类型<HTML></HTML> (放在档案的开头与结尾)  ]* t. J7 e6 e5 G1 ?% z# ^
文件主题<TITLE></TITLE> (必须放在「文头」区块内)
" l1 w. s! J0 W  e文头<HEAD></HEAD> (描述性资料,像是「主题」)
* b L/ ~" E6 T5 r0 v1 i文体<BODY></BODY> (文件本体)
& c$ h0 n6 b$ d6 d( Z标题<H?></H?> (从1到6,有六层选择)! M) g8 q% Z0 K" i
标题的对齐 <H?ALIGN=LEFT|CENTER|RIGHT></H?>
k$ R1 u* V7 A* K8 z$ p5 }) _区分<DIV></DIV>& ~  V7 z q( @. ^( I2 d% V
区分的对齐 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
! G3 _' c9 _; }3 l. V引文区块<BLOCKQUOTE></BLOCKQUOTE> (通常会内缩): E5 d9 m1 p( n0 ? r( A2 U( g
强调<EM></EM> (通常会以斜体显示)$ z E P  f/ B
特别强调<STRONG></STRONG> (通常会以加粗显示)) n% V: d1 J: y) S3 A7 a% K
引文<CITE></CITE> (通常会以斜体显示)0 H2 _5 O u t! x
码<CODE></CODE> (显示原始码之用)
/ E7 X% E J6 f/ @" B% Q" U样本<SAMP></SAMP>0 b9 w( e9 q9 C& S3 ^" W
键盘输入<KBD></KBD> r# v; y  s) c. L: W, j& Y
变数<VAR></VAR> m- t" \, v8 b5 S6 m# k9 N& M
定义<DFN></DFN> (有些浏览器不提供)
% q( f2 O& K! v; u  U7 A; a" j地址 <ADDRESS></ADDRESS>; j. A" ^$ S2 y- z
大字<BIG></BIG>
$ r8 v# A- U# Y小字<SMALL></SMALL>
; x, C {- c& U与外观相关的标签(作者自订的表现方式)7 E$ K7 K7 V# n" E
加粗<B></B>
' {; a- Q! o" y) s斜体<I></I>
7 \9 n: M, [ `* V% @; {8 l底线<U></U> (尚有些浏览器不提供)% c/ I4 N* }8 C1 o- p5 N( Q
删除线<S></S> (尚有些浏览器不提供)
2 r, V7 H" u/ Q q& G& `. P下标<SUB></SUB>
1 `- K* u7 ?9 i, s( U0 Q% u上标<SUP></SUP>  `3 u1 O' Q9 @" \. b8 _
打字机体<TT></TT> (用单空格字型显示): r0 E6 \3 c# V: _' z- A
预定格式<PRE></PRE> (保留文件中空格的大小)3 C: ]6 z) i: p; F
预定格式的宽度<PRE WIDTH=?></PRE>(以字元计算)0 X& w; _ k; H% C7 D( C
向中看齐<CENTER></CENTER> (文字与图片都可以)
R2 R& s$ K0 ~- J闪耀<BLINK></BLINK> (有史以来最被嘲弄的标签)% Q7 K/ [' @7 A4 I$ E2 D- F
字体大小 <FONTSIZE=?></FONT>(从1到7)
* @  Y6 a, \3 j" P2 E: X4 g# O0 E改变字体大小 <FONTSIZE= |-?></FONT>
0 |) g% R/ f) r) A- `基本字体大小 <BASEFONTSIZE=?> (从1到7; 内定为3); m5 p, f: n5 m/ I
字体颜色 <FONTCOLOR="#$$"></FONT>($$为颜色代码)2 \1 ?- W# `. R/ Z4 ]% C0 c) Y% U, |% O; q
HTML常用代码之:修改页面的实用性HTML代码7 W2 A8 e' V# V' Q& J |
贴图:<img src="图片地址">
0 h* J p' q' @% X9 i加入连接:<a href="所要连接的相关地址">写上你想写的字</a>: V- o4 J- g! v# q/ O6 d- l4 s
在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>6 J" F8 u( o  x
移动字体(走马灯):<marquee>写上你想写的字</marquee>: z9 F7 F  H) B$ d, A, s7 W
字体加粗:<b>写上你想写的字</b>
! V3 C$ `1 D, N; I字体斜体:<i>写上你想写的字</i>
, o8 R1 m" r0 v, x' |1 L4 s3 u字体下划线: <u>写上你想写的字</u>
- Q% J5 k/ e5 a' j字体删除线: <s>写上你想写的字</s>0 l" d3 W) ~' L& Z5 N- [% R: W
字体加大: <big>写上你想写的字</big> }6 j* a1 q! M; a  i; D& q& k
字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
8 ~  @. _; |, _. L更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
& j! E$ M& |) p/ ~消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
2 N3 g5 \( s3 i% y& F* N4 R2 B$ u贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>
& _ G, I2 r J7 k6 q" E贴flash: <embed src="flash地址" width="宽度" height="高度">
- s  Z4 P* o W r/ D贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>/ ^$ D1 w7 s F1 {9 k; P, h2 q
换行:<br>8 @* y4 g. w( ~$ ]6 _
段落:<p>段落</p>0 x& O/ S: M; _- N$ k. ] h
原始文字样式:<pre>正文</pre>  d' L- g& C4 a# E! b. u* n
换帖子背景:<body background="背景图片地址">; \3 @, e* g2 _$ `! k. E
固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed> p2 g" y; q& [/ H) w- H
定制帖子背景颜色:<body bgcolor="#value">(value值见10)
" d: N% |/ Y0 C8 H帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>
( Z2 P5 E7 o% ?2 O, g贴网页:<iframe. src="相关地址" width="宽度" height="高度"></iframe>- s, A% q' W" R9 Z H! X6 C
HTML常用代码之:常常会遇到的问题
{/ m) v. y% N' ~3 u9 q: K点击关闭窗口# {5 h  H9 T, |# k
<a href="javascript.:top.window.close();">点击关闭窗口</a>!) S) u K- A- O# D
请问如何去掉主页右面的滚动条?; ]9 d7 S  T& h, J2 ?
<body scroll="no">
% _% Y# t9 D" a9 y  U/ X8 M8 I) M* w<body style="overflow-y:hidden">2 p* U- O5 m/ m& u! p
如何做到让一个网页自动关闭.
2 l! P5 T. J9 S" h<html>
) y. _# K5 `1 ^2 n9 i; T0 Q<head>
2 ]2 ^# z6 t7 V: H7 h<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
4 A5 t7 F  ?7 Q  s: M* f<param name="Command" value="Close">
* a) W. _8 l9 b, I* h% i8 P</object>
$ r( A, {/ K0 K3 Y- O. H</head>
4 A, v& H) n& v3 N* k<body >
: k/ H5 [, B) V: j这个窗口会在10秒过后自动关闭,而且不会出现提示. </body>
* d V( {" ]0 I7 e如何在不刷新页面的情况下刷新css?: g' k5 E0 P* X0 d" u4 ?! k
<style>0 Q& p2 K: X; n, Q$ w* s
button{ color:#000000;}/ ?2 k0 e1 J( \ }, ?
</style># u' N- ~! [# w0 n& C
<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为  红色</button>3 {, U9 m& V, `9 J& U9 P
请问如何让网页自动刷新?3 z1 J' B2 s( S, ~
在head部记入<META. HTTP-EQUIV="Refresh" c>其中20为20秒后自动刷新,你可以更改为任意值。- j5 N$ _% v! I
如何让页面自动刷新?
/ @! K- a# L" e1 I/ L; u方法一,用refresh5 C% r0 M# z( n1 d
HTML 代码片段如下:
- z0 ~6 O/ w) B<head>. H0 v- K, D3 p( @
<meta. http-equiv="refresh" c>
- ?- a# }6 \5 {, l9 T) [ W( F/ C</head>
* y. ?' \7 D2 O8 u6 K6 k7 i6 i5表示刷新时间% _1 {8 N$ F( D  W
[Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]
  `6 p* L* Y8 v方法二,使用setTimeout控制; `& V8 j& X- r
<img src=/logo.gif>
! M0 m; z, p5 D<script>. F; P, R% D; Z! u1 \; A
function rl(){. g% _' H! z2 H3 F
document.location.reload()
$ Q) B0 W0 n3 z( v9 |}
- g8 L! C0 @8 Y! ~0 j. G, @ t, _setTimeout(rl,2000)' k, @' l' ~: W& B' c. N3 C7 q
</SCRIPT>' }: x( O2 ` d% W9 Z3 f
如何让超链接没有下划线
: s  A2 n; ~8 ^% X在源代码中的<HEAD>…</HEAD>之间输入如下代码:8 i7 L8 B5 a8 L# |3 E
<style. type="text/css"> <!--
6 s  I1 k0 r c$ @- M. Ia { text-decoration: none}
& t& e3 X! ? m! _- s" u2 y--> </style>4 U) [' m6 N: |* S' g) U
请问如何去掉IE的上下滚动条?
0 @ g3 S5 D3 C6 i) ^ z' G<body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘>" l9 H" \6 v$ g$ S& `  U% L
</body>8 W3 P" T- B5 X: }1 H
怎样才能把RealPlayer文件在网页做一个试听连接?$ o" `! ~# h/ \$ I Q6 K1 ~
<embed height=25 src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>/ R7 T! j- G, i
如何用html实现浏览器上后退按钮的功能?
; r9 l  F# o: a r/ \<a href="java script.:history.go(-1)">点击后退</a>; r9 A" n V  Q0 I
或者' n6 E! V H1 W5 d
<script> history.back() </SCRIPT>. B2 e7 H$ n1 I a, m0 J/ \0 ^, q4 ]
HTML常用代码之:你不一定知道的技巧
# `8 w" i* j" N9 j: Ancontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 e9 |/ g9 X0 X- T% V* x$ ~
<table borderncontextmenu=return(false)><td>no</table> 可用于Table% t/ Z/ I1 H {5 \* o% e4 G2 R% m
<body nselectstart="return false"> 取消选取、防止复制
! s, W) c7 B" J  `onpaste="return false" 不准粘贴" d1 b' V9 l. t
oncopy="return false;" ncut="return false;" 防止复制
" L; R7 |  J7 J k3 b: \<link rel="Shortcut Icon"href="favicon.ico"> IE地址栏前换成自己的图标/ Z3 ?* }7 K/ S' G& O
<link rel="Bookmark"href="favicon.ico"> 可以在收藏夹中显示出你的图标
) g8 s5 n6 ^( h; g' C- I0 ?& D. u<inputstyle="ime-mode:disabled"> 关闭输入法
, N4 h- B; H- D2 D9 m: j' Z% \永远都会带着框架
5 f& w" E# D6 ]  D# Q K<script. language="JavaScript"><!--8 G) o1 g, D! G; J% G. E2 Y' R
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页) q( h" I: J& |0 h, I- x# r6 b! n2 r
// --></script>
% G# n8 N& o8 K8 L5 ~9 R9 `- \5 G防止被人frame.
' `- U$ J t9 I  B<SCRIPT. LANGUAGE=JAVASCRIPT><!--
3 {4 w8 j% I; kif (top.location != self.location)top.location=self.location;8 k# ?# X% M8 T9 i: v0 H
// --></SCRIPT>9 v: O! d5 g1 q# p. s" P/ A, i
网页将不能被另存为1 V$ ~$ C* A7 R- i* Z0 Z
<noscript><iframe.src=*.html></iframe></noscript>
- S6 J5 ~3 |( ]- F: b. J. C( Z查看网页源代码3 A( U- i" e7 Q. y
<input type=button value=查看网页源代码2 Q% Q7 j8 i: Y, m) |
onclick="window.location = "view-source:" "http://www.w3cschool.cn"">
4 N$ I$ h2 W# ^: i, j) y% Y8 x# ~删除时确认
~! z/ t7 H, X8 U3 h<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>
7 J6 G/ w" x% c1 s  @屏蔽功能键Shift,Alt,Ctrl
- s& ]2 H' F6 ]! d2 J<script>- }9 ?- M* L4 S4 [/ K1 Q
function look(){
, n- S, {9 a# B* k# |if(event.shiftKey)2 b  W! l; |. a c, S! C
alert("禁止按Shift键!");//可以换成ALT CTRL
8 t! G) W. O- M' z  v" P}3 L) K8 c4 K! e- p- H  f# r$ a
document.onkeydown=look;
$ i( ` J h7 |9 ] w0 t</script>
) z( n0 X) Q: h( {网页不会被缓存& V1 M/ p7 q1 ] ?4 A% K) [ s; e
<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
) B( g/ ]$ C( g. N<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">, a8 b% Z% K* T2 [3 Q8 `  f u
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
, g7 E5 K/ `5 c9 x' d* K或者<META. HTTP-EQUIV="expires"CONTENT="0">; H1 u* }; V" e5 ^0 e. Y# k
怎样让表单没有凹凸感?% F. Y- B3 d% k f1 h2 [
<input type=text style="border:1 solid #000000">: y9 y2 R& q' n5 s7 \# B8 C" H
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>! {  @/ w7 w9 }& m0 F' v- b  Q
不要滚动条?
9 R0 R& ^. Q  H; Z9 u2 X1 c0 O j让竖条没有:, j0 u8 J) j; {; r- h9 l
<body style="overflow:scroll;overflow-y:hidden">
* }, |- Q6 |* t$ f</body>; B1 y5 y% C# L0 D  Z
让横条没有:
' ?$ |: z# L% {* _<body style="overflow:scroll;overflow-x:hidden">
4 i5 l# E4 | M [0 D5 K4 X</body>
1 i! O: C. f* K5 z* Y两个都去掉?更简单了  m, B" V v- |$ ?2 {
<body scroll="no">* }5 u6 k) ^: t* \' |4 i
</body>, }' M3 A: c7 t& \
怎样去掉图片链接点击后,图片周围的虚线?
: [) n9 s, l8 K/ [* t1 f3 P5 Z<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>9 A4 U' m3 s, X6 E
电子邮件处理提交表单8 f. ^) V; L/ G1 a
<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
7 v7 X& ^& J  {) [& a- o<input type=submit>
3 `6 c5 ?2 q$ x" b- V. b" N  ^</form>! O9 Q6 B4 a( ]/ {
在打开的子窗口刷新父窗口的代码里如何写?2 W3 Z3 [# E/ V
window.opener.location.reload()1 e( ?% m6 a2 {1 n% E
如何设定打开页面的大小  Z; \6 @0 f$ t% H F" }/ k9 R  R
<body nload="top.resizeTo(300,200);">
* x: g  ~. S2 ]  D; b" W. P打开页面的位置<bodynload="top.moveBy(300,200);">3 j  c  W3 g/ o; U& |7 b5 [
在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动/ G9 M; h9 K8 L  N3 S
<STYLE>! N$ Y7 d& j! z7 @3 D& `: h7 @
body
6 N; K Z$ D0 ]0 X% V w{background-image:url(logo.gif); background-repeat:no-repeat;
* Z$ v# e1 b* N( n5 \# h2 Y1 s0 Qbackground-position:center;background-attachment: fixed}) I* M0 Z; R" P
</STYLE>: @4 y0 s9 D6 n  ?
检查一段字符串是否全由数字组成
& F* e0 H0 h3 s<script. language="Javascript"><!-- H% L9 w) I9 z4 F. i1 S
function checkNum(str){return str.match(//D/)==null}6 k* f3 c# |9 |8 w, j
alert(checkNum("1232142141"))
" B& \! G6 z, M" @7 L5 j9 V! u& Balert(checkNum("123214214a1"))- z4 P2 T  `/ L" }4 R& z1 s; _1 }
// --></script>$ ^ i0 F! }' D
获得一个窗口的大小
0 ?0 n  \4 v. O  Zdocument.body.clientWidth; document.body.clientHeight1 o# c0 A0 ^' a* L; x
怎么判断是否是字符
9 ~# E4 a% Y: A0 U$ Zif (/[^/x00-/xff]/g.test(s)) alert("含有汉字");/ y6 j) p0 X7 ?# V; M1 D  `
else alert("全是字符");
0 t: q. N, I: T8 eTEXTAREA自适应文字行数的多少! V% N& |7 }0 t; _. j; e
<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
/ F* i3 J) |3 E, q1 V. B</textarea>
4 f. ~9 h7 f2 A2 n) l" d* m日期减去天数等于第二个日期
& E" G0 W  Q, Y7 H g' R% s" N<script. language=Javascript>
5 _. \. i; _3 Q3 G6 J5 {function cc(dd,dadd)
& r2 K  g3 i' O: l7 x! Z{
% K8 C6 b$ G5 x9 h//可以加上错误处理
" e0 y. i  V X7 {7 c2 c0 Rvar a = new Date(dd)* l9 [3 M, E! R9 t) g6 `
a = a.valueOf()
6 n: e: o" X: v$ ]a = a - dadd * 24 * 60 * 60 * 10000 N3 j% b# u8 N* x! Y" \
a = new Date(a)0 I% u' N1 Y4 ~4 V; |% Y' _
alert(a.getFullYear() "年" (a.getMonth() 1) "月" a.getDate() "日")
* i- ~6 i" k7 Q% Q! I. w( R/ d5 h} cc("12/23/2002",2)2 E( {( M8 x; d) w
</script>
" I8 f6 x  [% X$ t3 I( ]2 J选择了哪一个Radio
6 }/ e# ?4 e' u5 R7 ^' ^<HTML><script. language="vbscript">
: i3 g. _4 }* n3 k4 J2 }! hfunction checkme()$ ^4 v  g C* ?, W9 [- ^6 v! u' W
for each ob in radio1
$ e- x2 D  |" T; p7 Jif ob.checked then window.alert ob.value" l5 ~& \2 L9 J' O
next8 `- P, m* [6 F, o* S
end function
6 b, q1 x5 @9 P% z( P</script><BODY>* @! I8 x/ F2 G/ m0 }9 r# q) u  _
<INPUT name="radio1" type="radio"value="style" checked>Style. y: V P6 W: T, b
<INPUT name="radio1" type="radio"value="barcode">Barcode
) {0 l0 N' J& @5 r& f<INPUT type="button" value="check"nclick="checkme()">: @5 `: |6 S3 J. g( E1 @; {, B0 b6 D
</BODY></HTML>
, U1 K' u% _% B* ?
! @  y4 Y1 s- I' f6 o" M

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告

兔源码网 (公网安备36112102000036号 赣ICP备17001544号)

兔源码 QQ交流群:493651246  GMT+8, 2020-5-29 23:47
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表