常用HTML代码解释

一、文字

1.标题文字h#........../h# #=1~6；h1为最大字，h6为最小字

2.字体变化font........../font

【1】字体大小font size=#........../font #=1~7；数字愈大字也愈大

【2】指定字型font face="字体名称"........../font

【3】文字颜色font color=#rrggbb........../font

rr：表红色（red）色码

gg：表绿色（green）色码

bb：表蓝色（blue）色码

rrggbb也可用6位颜色代码数字

3.显示小字体small........../small

4.显示大字体big........../big

5.粗体字b........../b

6.斜体字i........../i

7.打字机字体tt........../tt

8.底线u........../u

9.删除线strike........../strike

10.下标字sub........../sub

11.上标字sup........../sup

12.文字闪烁效果blink........../blink

13.换行（也称回车）br

14.分段p

15.文字的对齐方向p align="#" #号可为left：表向左对齐（预设值）center：表向中对齐right：表向右对齐P.S.p align="#"之后的文字都会以所设的对齐方式显示，直到出现另一个p align="#"改变其对齐方向，遇到hr或h#标签时会自动设回预设的向左对齐。

16.分隔线hr

【1】分隔线的粗细hr size=点数

【2】分隔线的宽度hr size=点数或百分比

【3】分隔线对齐方向hr align="#"

#号可为left：表向左对齐（预设值）center：表向中对齐right：表向右对齐

【4】分隔线的颜色hr color=#rrggbb

【5】实心分隔线hr noshade

17.居中对齐center........../center

18.依原始样式显示pre........../pre

19.body指令的属性

【1】背景颜色-- bgcolor body bgcolor=#rrggbb

【2】背景图案-- background body background="图形文件名"

【3】设定背景图案不会卷动-- bgproperties body bgproperties=fixed

【4】文件内容文字的颜色-- text body text=#rrggbb

【5】超连结文字颜色-- link body link=#rrggbb

【6】正被选取的超连结文字颜色-- vlink body vlink=#rrggbb

【7】已连结过的超连结文字颜色-- alink body alink=#rrggbb

20.文字移动指令MARQUEE........../MARQUEE

移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。

移动方向指令是：direction=# up向上、down向下、left向左、right向右。

指令举例：MARQUEE scrollAmount=3 direction=up........../MARQUEE

二、图片

1.插入图片img src="图形文件名"

2.设定图框-- border img src="图形文件名" border=点数

3.设定图形大小-- width、height img src="图形文件名" width=宽度点数height=高度点数

4.设定图形上下左右留空-- vspace、hspace img src="图形文件名" vspace=上下留空点数hspace=左右留空点数

5.图形附注img src="图形文件名" alt="说明文字"

6.预载图片

img src="高解析度图形文件名" lowsrc="低解析度图形文件名" P.S.两个图的图形大小最好一致;

7.影像地图（Image Map）img src="图形文件名" usemap="#图的名称" map name="图的名称"

area shape=形状coords=区域座标列表href="连结点之URL"

area shape=形状coords=区域座标列表href="连结点之URL"

area shape=形状coords=区域座标列表href="连结点之URL"

area shape=形状coords=区域座标列表href="连结点之URL" /map

【1】定义形状-- shape

shape=rect：矩形shape=circle：圆形shape=poly：多边形

【2】定义区域-- coords

a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

例：area shape=rect coords=100,50,200,75 href="URL"

b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度

例：area shape=circle coords=85,155,30 href="URL"

c.任意图形（多边形）：将图形之每一转折点座标依序填入

例：area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"

三、表格相关

1.表格标题

caption........../caption

表格标题位置-- align

caption align="#" #号可为top：表标题置于表格上方（预设值）

bottom：表标题置于表格下方

2.定义列tr

3.定义栏位 《1》td：靠左对齐

《2》th：靠中对齐ⅱ粗体

【1】水平位置-- align th align="#"

#号可为left：向左对齐 center：向中对齐right：向右对齐

【2】垂直位置-- align th align="#" #号可为

top：向上对齐middle：向中对齐 bottom：向下对齐

【3】栏位宽度-- width th width=点数或百分比

【4】栏位垂直合并-- rowspan th rowspan=欲合并栏位数

【5】栏位横向合并-- colspan th colspan=欲合并栏位数

四、表格的主要属性

1. table标记的主要属性

align定义表格的对齐方式，有三个属性值center，left，right

background定义表格的背景图案，属性值为图片的地址

bgcolor定义表格的背景颜色，属性值是各种颜色代码

border定义表格的边框宽度，属性值是数字

bordercolor定义表格边框的颜色，属性值是各种颜色代码

cellpadding定义单元格内容与单元格边框之间的距离，属性值是数字

cellspacing定义表格中单元格之间的距离

height定义表格的高度，属性值是数字

width定义表格的宽度，属性值是数字

2. tr标记，表格是由多行与多列组成的，tr标记用来定义表格的一行，他的属性极其属性值定义的是表格中的该行，其主要属性与属性值如下：

align定义对齐方式，属性值与上同

background定义背景图案bgcolor定义背景色

3. td标记。用td标记概况起来的内容表示表格的单元。其主要属性与属性值和table标记的一样，补充两个合并列和行的代码：

colspan定义合并表格的列数，属性值是数字

rowspan定义合并表格的行数，属性值是数字

五、FRAME

1、分割视窗指令frameset........../frameset

【1】垂直（上下）分割-- rows

frameset rows=# #号可为点数：

如欲分割为100,200,300三个视窗，则frameset rows=100,200,300；

亦可以*号代表，如frameset rows=*,500,*

百分比：如frameset rows=30%,70%，各项总和最好为100%;

【2】水平（左右）分割-- cols frameset cols=点数或百分比

2、指定视窗内容-- frame

frameset cols=30%,70% frame frame /frameset

【1】指定视窗的文件名称-- src frame src=HTML档名

【2】定义视窗的名称-- name

frame name=视窗名称

【3】设定文件与上下边框的距离-- marginheight

frame marginheight=点数

【4】设定文件与左右边框的距离-- marginwidth

frame marginwidth=点数

【5】设定分割视窗卷轴-- scrolling

frame scrolling=# #号可为yes：固定出现卷轴

no：不出现卷轴

auto：自动判断文件大小需不需要卷轴（预设值）

【6】锁住分割视窗的大小-- noresize frame noresize

六、歌曲代码:

在这组代码中，不必管它是mms.http.rtsp，只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:

1.手动播放:

EMBED src=歌曲地址volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"

2.打开页面自动播放:

EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true"

------------------------------------------------------------------

套用代码:

div align="center"

table border="1" width="90%" height="403" background="背景图片地址"

trtd width="80%" height="100%"

p align="center"brbrbr

font face="华文彩云" size="6" color="#FFFFFF"歌曲或音乐名称/fontbrbr

p align="center"img src="图片地址"brbr

font color="#FFFFFF" size=3介绍文字/fontbrbrbr

EMBED style="FILTER: xray()" src=音乐地址width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"brbrbr

/td/tr

/table

/div

简易套用代码详解:

div align="center"是定义帖子居中;

table border="1" width="90%" height="403" background="背景图片地址"trtd width="80%" height="100%"

这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%" height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度height=图片高度

p align="center"brbrbrfont face="华文彩云" size="6" color="#FFFFFF"歌曲或音乐名称/fontbrbr

p align="center"是定义文字居中的，br是回行代码，加几个就会空几行。font face="华文彩云" size="6" color="#FFFFFF"是定义文字属性的。face="华文彩云"是定义字体，你可以把字体换成隶书、宋体等。size="6"是定义字号的，数字越大字越大，如果不定义，默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过，你可以找来改。

p align="center"img src="图片地址"brbrfont color="#FFFFFF"介绍文字/fontbrbrbr

第一个括号里的代码仍然是定义图片和文字居中的。img src="图片地址"是插入图片代码。font color="#FFFFFF" size=3介绍文字/font是定义这段文字的。如果想改变字拧⒆痔濉⒆值难丈烧瞻嵘厦嫖医驳亩ㄒ宸椒ā?/font

EMBED style="FILTER: xray()" src=音乐地址width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"

这一段是插入播放器代码，因为我插的是特殊的播放器，style="FILTER: xray()"是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true" loop="-1"是定义音乐播放方式的，autostart="true"是设定手动或自动播放，“true”或“1”是自动播放，“false”或“0”是手动播放；loop="-1"是播放次数，“true”或“1”表示重复播放，“false”“-1”或“0”是只播放一次。

brbrbr/td/tr/table/div回行代码和与前面对应的固定代码。

EMBED style="FILTER: xray()" src=音乐地址width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"

这一段是插入播放器代码，因为我插的是特殊的播放器，style="FILTER: xray()"是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true" loop="-1"是定义音乐播放方式的，autostart="true"是设定手动或自动播放，“true”或“1”是自动播放，“false”或“0”是手动播放；loop="-1"是播放次数，“true”或“1”表示重复播放，“false”“-1”或“0”是只播放一次。

brbrbr/td/tr/table/div回行代码和与前面对应的固定代码。

一：字体格式代码：

1.字体标签font文字内容/font a.字体大小：font size=3文字内容/font 注：size取值范围是1～7，数字愈大字也愈大.

b.指定字型：font face="字体名称"文字内容/font注：字体名称常用：宋体、黑体、楷体等(如果标上你电脑里没有的字体，则以电脑默认字体显示) c.文字颜色：font color=#000000文字内容/font //＃000000是纯黑色，＃ffffff是纯白色.注：关于彩色代码，可以利用联众论坛发贴编辑区里的修改文字颜色后来获取自己喜欢颜色的16进制代码。

d.文字加粗：b文字内容/b。e.文字倾斜：i文字内容/i。f.字下划线：u文字内容/u。示例：我想把文字颜色设为：蓝色，字体：隶书，字号：5，并且加粗，写上如下代码就行。font color=#0000ff face=隶书size=5b文字内容/b/FONT 二：段落排版代码:

1.换行标签：br注：此标记为单独使用,不需要用/br来结尾。

2.分段标签：p注：是另起一新段落，如：p新段内容/p。

3.空格标签：注：这个不用尖括号，需要用时直接贴上。示例：你好。 这样的效果就是你 好。不使用这个代码，无论你空多少格，网页最多显示出一个空格。4.对齐方式：（参照相对于页面，内容可以是文字、图片或动画）

a.左对齐：left内容/left注：这是默认值，左对齐不需要用标签注明。b.居中对齐: center内容/center c.右对齐：center内容/center 三：动态文字代码：（没注明的自动显示默认值）

1.文字移动标签：marquee滚动文字内容/marquee

a.调速代码：marquee scrollAmount=1滚动文字/marquee注：1为最小值速度为最慢；数字越大移动的越快。

b.延迟代码：marquee scrolldelay=500滚动文字/marquee注：这是字符移动每步的延时，1为最小值，1000＝1秒。c.对齐方式：marquee align=left滚动文字/marquee注：up向上、down向下、left向左、right向右。

d.移动方式：marquee behavior＝scroll滚动文字/marquee注：scroll是文字单向移动，side是移动到边界停止，alternate是到边界后反向移动。

e.循环次数：marquee loop＝2滚动文字/marquee注：移动字符的循环2次，属性值为数字，若未指定则循环不止。f.高度宽度：marquee width＝500 height＝50滚动文字/marquee注：width是文字宽度，height是文字高度，以象素为单位。g.缩进设置：marquee hspace＝10滚动文字/marquee 注：字符左右留空白长度，属性值为数字。示例：marquee scrolldelay=500 scrollamount=100啦啦啦，我走一步，停一停！/marquee 四：图片显示代码：

1.插入图片标签：img src="图片网址.jpg"注：正常支持的图片格式为jpg,jpeg,gif,png。

2.设定图框标签：img src="图形文件名" border=2注：border=线框粗细像素点数，不用默认为没有边框.

3.设定图形大小：img src="图形文件名" width=宽度点数height=高度点数注：不设默认图片原来大小.

4.设定图形上下左右留空：img src="图形文件名" vspace=上下留空点数hspace=左右留空点数.

5.图形附注：img src="图形文件名" alt="说明文字"注：当鼠标指向图片时，显示说明文字，不设默认没有。示例：img src="http://upload.ourgame.com/bbs/upfile/2009/1/31/20090131110852wdmc8.gif" border=2 alt="能看到我吗？" 五：移动图片代码：（其实就是把三和四的代码综合应用）1.marqueeimg src="图片网址.jpg"/marquee 注：想放多个图片，就按此格式在中间插入.

示例：marqueeimg src="http://upload.ourgame.com/bbs/upfile/2009/1/31/20090131110852wdmc8.gif"/marquee

六：声音播放代码：

1.bgsound src="音乐文件地址" loop=1 注：loop是循环次数，这种背景音乐格式代码，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格式的音乐。示例：bgsound src="http://202.107.225.9/NetTv/music/mp3/大海.mp3" loop=10

七：动画显示代码：

1.embed src="flash动画地址.swf"width="宽度值" height="高度值"/embed 注：宽度和高度值填入数字，以像素为单位。示例：embed src="http://upload.ourgame.com/bbs/upfile/2009/3/29/20090329154616zixing393278.swf"width="540" height="100"/embed

八：超级链接代码：（如果需要别人点击你的文字或图片后打开一个新的网页面就看下面）

1.a href="点击后打开的网址"需要加入链接的文字或图片代码/a 2.a href="点击后打开的网址" target="_blank"需要加入链接的文字或图片代码/a 注：2代码增加了target="_blank"代码的意思是在创建一个新窗口打开指定页面！而1代码是在原有窗口中载入页面。示例：a href="http://bbs.ourgame.com/bbs_look.asp?Subject_ID=107BBS_ID=20081102124445bPage=1" target="_blank"点此打开透明FLASH素材大全/a 九：实用代码：（重要！）

1.让FLASH动画背景透明代码：EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=FLASH的网址.swf width=550 height=400 type=application/x-shockwave-flash wmode="transparent" 注：width=550 height=400为动画宽高的数值，可自行调节；style="LEFT: 10px;LEFT可改为右面RIGHT，10px是距离边框的距离10像素，是可调整数字；absolute; TOP: -70px"是距离顶部的距离，可调整数字。

1.层代码：div id="Parent" style="position:absolute; left:56px; top:54px; width:124px; height:158px; z-index:1;"这里可以放别的代码，如文字或图片或动画的代码/div 注：这个代码可以让你放入层中的文字、图片或动画和原来页面上的其它内容位置相互重叠，像设计软件中的图层一样！可以修改的值分别是left、top（分别对应x和y坐标离页面顶部和左部的距离），还有width、height是层的大小，最后:Z轴（也称为堆叠顺序）可以通过它的值来设定位置有重叠的多个层对象的上下叠放次序。综合示例：要把一个FLASH动画放到层中，并且让此FLASH的背景透明化。div id="Parent" style="position:absolute; left:50px; top:50px; width:550px; height:400px; z-index:1;"EMBED style="LEFT: 10px; POSITION: absolute; TOP: 0px" align=right src=http://upload.ourgame.com/bbs/upfile/2008/11/10/20081110164009zixing393278.swf width=550 height=400 type=application/x-shockwave-flash wmode="transparent"/div

a href="要连接网址"font color="#FF359A" size="5"说明事物的文章字/font/a

1.结构性定义

文件类型HTML/HTML（放在档案的开头与结尾）

文件主题TITLE/TITLE（必须放在「文头」区块内）

文头HEAD/HEAD（描述性资料，像是「主题」）

文体BODY/BODY（文件本体）

（由浏览器控制的显示风格）

标题H?/H?（从1到6，有六层选择）

标题的对齐H? ALIGN=LEFT|CENTER|RIGHT/H?

区分DIV/DIV

区分的对齐DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY/DIV

引文区块BLOCKQUOTE/BLOCKQUOTE（通常会内缩）

强调EM/EM（通常会以斜体显示）

特别强调STRONG/STRONG（通常会以加粗显示）

引文CITE/CITE（通常会以斜体显示）

码CODE/CODE（显示原始码之用）

样本SAMP/SAMP

键盘输入KBD/KBD

变数VAR/VAR

定义DFN/DFN（有些浏览器不提供）

地址ADDRESS/ADDRESS

大字BIG/BIG

小字SMALL/SMALL

与外观相关的标签（作者自订的表现方式）

加粗B/B

斜体I/I

底线U/U（尚有些浏览器不提供）

删除线S/S（尚有些浏览器不提供）

下标SUB/SUB

上标SUP/SUP

打字机体TT/TT（用单空格字型显示）

预定格式PRE/PRE（保留文件中空格的大小）

预定格式的宽度PRE WIDTH=?/PRE（以字元计算）

向中看齐CENTER/CENTER（文字与图片都可以）

闪耀BLINK/BLINK（有史以来最被嘲弄的标签）

字体大小FONT SIZE=?/FONT（从1到7）

改变字体大小FONT SIZE=+|-?/FONT

基本字体大小BASEFONT SIZE=?（从1到7;内定为3）

字体颜色FONT COLOR="#

说明!-- *** --（浏览器不会显示）

!--修改滚动条--

style type="text/css"

body {

scrollbar-face-color: #330033;

scrollbar-shadow-color: #FFFFFF;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #FFFFFF;

scrollbar-darkshadow-color: #FFFFFF;

scrollbar-track-color: #330033;

scrollbar-arrow-color: #FFFFFF;

}

/style

!--修改滚动条结束--

将上面的代码放在叶子代码的head/head之间,颜色可根据自己的需要修改。

滚动条的代码意思如下：

Scrollbar-Face-Color为滚动条表面颜色设定；

Scrollbar-Track-Color为滚动条底板颜色设定；

Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定；

Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定；

Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定；

Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定；

Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。

!跑馬燈

marquee.../marquee普通捲動

marquee behavior=slide.../marquee滑動

marquee behavior=scroll.../marquee預設捲動

marquee behavior=alternate.../marquee來回捲動

marquee direction=down.../marquee向下捲動

marquee direction=up.../marquee向上捲動

marquee direction=right/marquee向右捲動

marquee direction=’left’/marquee向左捲動

marquee loop=2.../marquee捲動次數

marquee width=180.../marquee設定寬度

marquee height=30.../marquee設定高度

marquee bgcolor=FF0000.../marquee設定背景顏色

marquee scrollamount=30.../marquee設定捲動距離

marquee scrolldelay=300.../marquee設定捲動時間

进入网页时弹出的信息对话框
body
关闭窗口后弹出对话框
body
告别提示
body nUnload= alert("再见，感谢你的访问！")

只要你肯干,没有什么不能成功的.

1。忽视右键
body ncontextmenu="return false"
或
body style="overflow-y:hidden"
2。加入背景音乐
IE:bgsound src="*.mid" loop=infinite
NS:embed src="*.mid" autostart=true hidden=true loop=true
/embed
*.mid你的背景音乐的midi格式文件
3。简单的window.open方法
a href="#"
nclick="javascript:window.open(文件路径/文件名,newwindow,
toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300);"文字或图片/a
参数解释：
SCRIPT. LANGUAGE="javascript" js脚本开始；
window.open弹出新窗口的命令；
文件路径/文件名 弹出窗口的文件名；
newwindow弹出窗口的名字（不是文件名），非必须，可用空代替；
width=400窗口宽度；
height=300窗口高度；
top=0窗口距离屏幕上方的象素值；
left=0窗口距离屏幕左侧的象素值；
toolbar=no是否显示工具栏，yes为显示；
menubar，scrollbars表示菜单栏和滚动栏。
resizable=no是否允许改变窗口大小，yes为允许；
location=no是否显示地址栏，yes为允许；
status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
/SCRIPT js脚本结束
4。简单的页面加密
script. LANGUAGE="javascript"
!--
function loopy(){
var sWord ="";
while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
alert("登陆成功！");
}
loopy()
//--
/script
5。拉动页面时背景图不动
style
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
/style
6。让浏览器在保存页面时保存失败
NOSCRIPTiframe. src="*.html"/iframe/NOSCRIPT
7。随机替换图片
script
document.write(img src="img/+parseInt(Math.random()*(5))
+.gif"height="40" width="50"
/script
图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
8。窗口定时关闭
先将如下代码网页文件的区：
script. language="javascript"
function closeit() { setTimeout("self.close()",10000) //毫秒}
/script
然后再在body标内加入如：body nload="closeit()"
9。网页自动关闭
html
head
object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
param name="Command" value="Close"
/object
/head
body nload="window.setTimeout(closes.Click(),10000)"
这个窗口会在10秒过后自动关闭,而且不会出现提示.
/body
/html
10。网页自动刷新
在head部记入
META. HTTP-EQUIV="Refresh" content="20"
其中20为20秒后自动刷新，你可以更改为任意值。
11。网页自动转页
META. HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"
12。保持layer在最前面，而不被Iframe、Object所覆盖
在Layer中再插Iframe.或Object设z-Index值
div z-Index:2object xxx/object＃ 前面
div z-Index:1object xxx/object＃ 后面
div id="Layer2" style="position:absolute; top:40;width:400px;
height:95px;z-index:2" height=100% width=100%
iframe. width=0 height=0/iframe
/div
div id="Layer1" style="position:absolute; top:50;width:200px;
height:115px;z-index:1"
iframe. height=100% width=100%/iframe
/div
13。返回上一页
a href=javascript:history.back(1)『返回上一页』/a
14。关闭窗口
a href=javascript:self.close()『关闭窗口』/a
15。关于iframe的透明背景
IFRAME. ID="iFrame1" SRC="iframe.htm"
allowTransparency="true"
style="background-color: green"/IFRAME
16. ncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键
table border ncontextmenu=return(false)tdno/table可用于Table
17. body nselectstart="return false"取消选取、防止复制
18.οnpaste="return false"不准粘贴
19.οncοpy="return false;" ncut="return false;"防止复制

20. link rel="Shortcut Icon" href="favicon.ico" IE地址栏前换成自己的图标

21. link rel="Bookmark" href="favicon.ico"可以在收藏夹中显示出你的图标

22. input style="ime-mode:disabled"关闭输入法

23.永远都会带着框架
script. language="JavaScript"!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --/script

24.防止被人frame.

SCRIPT. LANGUAGE=JAVASCRIPT!--
if (top.location != self.location)top.location=self.location;
// --/SCRIPT

25.网页将不能被另存为

noscriptiframe. src=*.html/iframe/noscript

26.查看网页源代码

input type=button value=查看网页源代码
οnclick="window.location = "view-source:"+ "http://www.pconline.com.cn""

27.删除时确认

a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp? areyou=删除page=1""删除/a

28.屏蔽功能键Shift,Alt,Ctrl
script
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALTCTRL
}
document.οnkeydοwn=look;
/script

29.网页不会被缓存
META. HTTP-EQUIV="pragma" CONTENT="no-cache"
META. HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"
META. HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"
或者META. HTTP-EQUIV="expires" CONTENT="0"

30.怎样让表单没有凹凸感？
input type=text style="border:1 solid #000000"
或input type=text style="border-left:none; border-right:none; border -top:none; border-bottom: 1 solid #000000"/textarea

31.不要滚动条?
让竖条没有:
body style="overflow:scroll;overflow-y:hidden"
/body
让横条没有:
body style="overflow:scroll;overflow-x:hidden"
/body
两个都去掉？更简单了
body scroll="no"
/body

32.怎样去掉图片链接点击后，图片周围的虚线？

a href="#" nFocus="this.blur()"img src="logo.jpg" border=0/a

33.电子邮件处理提交表单

form. name="form1" method="post" action="mailt****@***.com" enctype="text/plain"
input type=submit
/form

34.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

35.如何设定打开页面的大小
body nload="top.resizeTo(300,200);"
打开页面的位置body nload="top.moveBy(300,200);"

36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
STYLE
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
/STYLE

37.检查一段字符串是否全由数字组成
script. language="Javascript"!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --/script

38.获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

39.怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

40.TEXTAREA自适应文字行数的多少
textarea rows=1 name=s1 cols=27 npropertychange="this.style.posHeight=this.scrollHeight"
/textarea

41.日期减去天数等于第二个日期
script. language=Javascript
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
/script

42.选择了哪一个Radio
HTMLscript. language="vbscript"
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
/scriptBODY
INPUT name="radio1" type="radio" value="style" checkedStyle.
INPUT name="radio1" type="radio" value="barcode"Barcode
INPUT type="button" value="check" nclick="checkme()"
/BODY/HTML

43.脚本永不出错
SCRIPT. LANGUAGE="JavaScript"
!-- Hide function killErrors(){return true;} window.onerror = killErrors; // --
/SCRIPT

44.ENTER键可以让光标移到下一个输入框
input nkeydown="if(event.keyCode==13)event.keyCode=9"

45.检测某个网站的链接速度：
把如下代码加入body区域中:
script. language=Javascript
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("form. name=autof")
for(var i=1;iautourl.length;i++)
document.write("input type=text name=txt"+i+" size=10 value=测试中

…… =》input type=text
name=url"+i+" size=40 =》input type=button value=GO

οnclick=window.open(this.form.url"+i+".value)br")
document.write("input type=submit value=刷新/form")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} b++ }
function run(){for(var i=1;iautourl.length;i++)document.write("img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")")}
run()/script

46.各种样式的光标
auto：标准光标
default：标准箭头
hand：手形光标
wait：等待光标
text：I形光标
vertical-text：水平I形光标
no-drop：不可拖动光标
not-allowed：无效光标
help：?帮助光标
all-scroll：三角方向标
move：移动标
crosshair：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize