iframe 常用属性
<iframe id="fid" src="" width="428" height="30"  marginheight="0" frameborder="0" scrolling="no" vspace="0"
hspace="0"  marginwidth="0" ></iframe>
/**
iframe 常用属性:
src          -- 引用链接地址
width    -- 框架的宽度
height    -- 框架的高度
frameborder    -- 定义了内容页的边框,取值为(1|0),缺省值为1
marginwidth    -- 定义了框架中HTML文件显示的左右边界的宽度,缺省值由浏览器决定
marginheight    -- 定义了框架中HTML文件显示的上下边界的矿度,缺省值由浏览器决定
scrolling    -- 设置或获取框架是否可被滚动。
auto=自动调整
yes =有滚动条
no =无滚动条
vspace  -- 设置或获取对象的水平边距
hspace  -- 设置或获取对象的垂直边距
*/
var fid = ElementById("fid");
fid.scrollHeight; //得到滚动条的高度
fid.scrollWidth; //得到滚动条的宽度
下面是浮动帧标记Iframe的各项属性: 
  一、基本语法: 
  <iframe>……</iframe> 
  浮动帧标记Iframe必须成对出现,即有开始标记<iframe>,就必须有结束标记</iframe>。 
  二、浮动帧标记Iframe的属性: 
  1、文件位置: 
  语法:src=url 
  说明:url为嵌入的HTML文件的位置,可以是相对地址,也可以是绝对地址。 
  示例:<iframe  src="iframe.html"> 
  2、对象名称: 
  语法:name=# 
  说明:#为对象的名称。该属性给对象取名,以便其他对象利用。 
  示例:<iframe  src="iframe.html"  name="iframe1"> 
  3、ID选择符: 
  语法:id=# 
  说明:指定该标记的唯一ID选择符。 
  示例:<iframe  src="iframe.html"  id="iframe1"> 
  4、容器属性: 
  语法:height=#  width=# 
  说明:该属性指定浮动帧的高度和宽度。取值为正整数(单位为像素)或百分数。 
  height:指定浮动帧的高度; 
  width:指定浮动帧的宽度。 
  示例:<iframe  src="iframe.html"  height=400  width=400> 
  5、尺寸调整: 
  语法:noresize 
  说明:IE专有属性,指定浮动帧不可调整尺寸。 
  示例:<iframe  src="iframe.html"  noresize> 
  6、边框显示: 
  语法:frameborder=0、1 
  说明:该属性规定是否显示浮动帧边框。 
  0:不显示浮动帧边框; 
  1:显示浮动帧边框。 
  示例:<iframe  src="iframe.html"  frameborder=0> 
     <iframe  src="iframe.html"  frameborder=1> 
  7、边框厚度: 
  语法:border=# 
  说明:该属性指定浮动帧边框的厚度,取值为正整数和0,单位为像素。
为了将浮动帧与页面无缝结合,border一般等于0。 
  示例:<iframe  src="iframe.html"  border=1> 
  8、边框颜: 
如何设置滚动条的位置
  语法:bordercolor=color 
  说明:该属性指定浮动帧边框的颜。color可以是RGB(RRGGBB),也可以是颜名。 
  示例:<iframe  src="iframe.html"  bordercolor=red> 
  9、对齐方式: 
  语法:align=left、right、center 
  说明:该属性指定浮动帧与其他对象的对齐方式。 
  left:居左; 
  right:居右; 
  center:居中。 
  示例:<iframe  src="iframe.html"  align=left> 
     <iframe  src="iframe.html"  align=right> 
     <iframe  src="iframe.html"  align=center> 
  10、相邻间距: 
  语法:framespacing=# 
  说明:该属性指定相邻浮动帧之间的间距。取值为正整数和0,单位为像素。 
  示例:<iframe  src="iframe.html"  framespacing=10> 
  11、内补白属性: 
  语法:hspace=#  vspace=# 
  说明:该属性指定浮动帧内的边界大小。取值为正整数和0,单位为像素。两个属性应同时应用。 
  hspace:浮动帧内的左右边界大小; 
  vspace:浮动帧内的上下边界大小。 
  示例:<iframe  src="iframe.html"  hspace=1  vspace=1> 
  12、外补白属性: 
  语法:marginheight=#  marginwidth=# 
  说明:该属性指定浮动帧的边界大小。取值为正整数和0,单位为像素。两个属性应同时应用。   
  marginheight:浮动帧的左右边界大小; 
  marginwidth:浮动帧的上下边界大小。 
  示例:<iframe  src="iframe.html"  marginheight=1  marginwidth=1> 
Iframe属性通过设置Iframe的属性,可以让Iframe与所嵌入的文档整体结合,更能体现Iframe的优势。
在下段代码中设置Iframe的属性:
<iframe name="main" width="100%" frameborder="0" height="73.8%" scrolling="no" marginwidth="0" marginheight="0" src="main.htm"></iframe>
在代码中,Iframe用到了几个参数来设置其属性,Iframe常用的属性值如表10.1所示。
表10.1 Iframe常用属性
属    性
说    明
Src
Iframe的文件路径
Name
Iframe框架名称,不可为中文
Longdesc
对Iframe进行描述
Width
设置Iframe的宽度
Height
设置Iframe的高度
Align
设置Iframe的对齐方式:top、middle、bottom、left、right
Frameborder
设置Iframe的边框
Marginwidth
设置Iframe距离所在网页元素左右的宽度
Marginheight
设置Iframe距离所在网页元素上下的高度
Scrolling
设置Iframe滚动条显示方式:yes(显示)、no(不显示)、auto(自动)
Iframe的
更多的属性参考表10.2,引自CSDN论坛。
表10.2 Iframe属性参考值
属    性
说    明
nRight
设置或获取对象的右边距宽度
margin-top marginTop
设置或获取对象的上边距宽度
overflow-x overflowX
设置或获取当内容超出对象宽度时如何管理对象内容
overflow-y overflowY
设置或获取当内容超出对象高度时如何管理对象内容
pixelBottom
设置或获取对象的下方位置
pixelHeight
设置或获取对象的高度
pixelLeft
设置或获取对象的左侧位置
pixelRight
设置或获取对象的右侧位置
pixelTop
设置或获取对象的上方位置
pixelWidth
设置或获取对象的宽度
posBottom
设置或获取以bottom标签属性指定的单位的对象下方位置
posHeight
设置或获取以height标签属性指定的单位的对象高度
position position
设置或获取对象所使用的定位方式
posLeft
设置或获取以left标签属性指定的单位的对象左侧位置
续表
属    性
说    明
posRight
设置或获取以right标签属性指定的单位的对象右侧位置
posTop
设置或获取以top标签属性指定的单位的对象上方位置
posWidth
设置或获取以width标签属性指定的单位的对象宽度
right right
设置或获取对象相对于文档层次中下个已定位对象的右边界的位置
float styleFloat
设置或获取文本要绕排到对象的哪一侧
text-autospace textAutospace
设置或获取自动留空和文本的窄空间宽度调整
top top
设置或获取对象相对于文档层次中下个定位对象的上边界的位置
visibility visibility
设置或获取对象的内容是否显示
z-index z-index
设置或获取定位对象的堆叠次序
zoom zoom
设置或获取对象的放大比例
网页背景音乐代码:
将这段代码插入到您的<head></head>之间
当您打开网站时即可听到背景音乐:
<bgsound src=china.mid loop="-1">
这种当网页最小化之后,音乐会消失
网页背景音乐的代码:
<embed src="XXX/XXX.mp3" quality=high pluginspage="www.macromedia/shockwave/i?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
1.mid表示音效文件
<embed src="1.swf" quality=high pluginspage="www.macromedia/shockwave/i?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
上面的网页背景音乐代码可以加入FLASH动画的绝对地址(或相对地址)
<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>
ram格式的音乐文件专用网页背景音乐代码:
<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
指定播放器的大小(width、heigh)、是否自动(autostart标记)、是否循环播放(loop标记),而浏览者则可以自主地决定是否播放音乐。
此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。
<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
此代码可以加mp3形式的音乐为网页背景音乐
<EMBED src="XXX/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>
1.mid表示音效文件
<bgsound src="1.mid" loop=3>
表示将1.mid音效文件插入到页面为背景音乐,并循环播放3次。
<embed src="1.mid" hidden="true">
1.mid表示音效文件
<bgsound src="1.mid" loop="infinte">
1.mid表示音效文件
<embed src="1.mid" hidden="true" loop="true">
1.mid表示音效文件
<bgsound src=1.mid loop="-1">
1.mid表示音效文件