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表示音效文件

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。