IFrame跟滚动标题栏

2012-09-01

IFrame和滚动标题栏元素也就是文档中的文档或者像浮动的框架(FRAME)。frames集合提供了对 IFRAME内容的访问

IFrame和滚动标题栏
           元素也就是文档中的文档或者像浮动的框架(FRAME)。frames集合提供了对 IFRAME内容的访问。frame有骨架的意思而在其前面加个i构成了iframe元素也就是文档中的文档。
            iframe标签是成对出现的,以<iframe>开始,</iframe>结束,iframe标签内的内容可以做为浏览器不支持iframe标签时显示。
           属性

name -- 定义了内容页名称,此名称在框架页内链接时使用到 src -- 定义了内容页URL(同frame标签) frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1 1 -- 在每个页面之间都显示边框 0 -- 不显示边框 height -- 框架的高度,取值像素或百分比 width -- 框架的宽度,取值像素或百分比 marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定 marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定 scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto yes -- 显示滚动条 no -- 不显示滚动条 auto -- 当需要时再显示滚动条 align -- 垂直或水平对齐方式 longdesc -- 定义框架页的说明 contentWindow 获取指定的 frame 或 iframe 的 window 对象。

注：若希望iframe自适应高度只需要获得其中包含的内容的高度，动态设定iframe的高度即可。
事件

onload 在浏览器完成对象的装载后立即触发。

样式

display 设置或获取对象是否要渲染(block、none、inline)。 position 设置或获取对象所使用的定位方式(static、absolute、relative)。

frames 集合提供了对 IFRAME 内容的访问。请使用 frames 集合读写 IFRAME 内包含的元素。例如，如果要访问 iframe 内 body 对象的 backgroundColor 样式，语法应为:

sColor = document.frames("sFrameName").document.body.style.backgroundColor;

通过 iframe 对象所在页面的对象模型，你可以访问 iframe 对象的属性，但不能访问其内容。
例如，访问 iframe 对象的 border 样式的语法应为:

sBorderValue = document.all.oFrame.style.border;

注意: iframe 的属性必须使用前缀 document.all 访问，例如document.all.iframeId.marginWidth。
程序的效果图为：
效果一、

效果二、

效果三、

例如：(见附件中的demo)

热点排行

Web前端

IFrame跟滚动标题栏