iframe标签

作者: 李轻舟 | 来源:发表于2019-01-23 09:00 被阅读74次

定义和用法

iframe,HTML标签,作用是创建包含另外一个文档的内联框架(即行内框架)。 

iframe 元素也就是文档中的文档,或者好像浮动的框架(FRAME)。frames 集合提供了对 iframe 内容的访问。使用 frames 集合可以读写 iframe 内包含的元素。

基本介绍

iframe 元素也就是文档中的文档,或者好像浮动的框架(FRAME)。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。

Internet Explorer 5.5 支持浮动框架的内容透明。如果想要为浮动框架定义透明内容,则必须满足下列条件。

与 iframe 元素一起使用的allowtransparency 标签属性必须设置为 true。

在 iframe 内容源文档,background-color 或 body 元素的 background-color 标签属性必须设置为transparent。

参看使用透明的浮动框架可以获得关于透明浮动框架更多的信息。

此元素是一个块元素。

此元素需要关闭标签。

提示注释

提示:HTML 与 XHTML 之间的差异:在HTML4.1 Strict DTD和XHTML1.0 Strict DTD中,不支持iframe元素。可以把需要的文本放置在<iframe>和</iframe>之间,这样就可以应对无法理解iframe的浏览器。

iframe的缺点

iframe会阻塞主页面的Onload事件;iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。

使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好是通过javascript动态给iframe添加src属性值,这样可以可以绕开以上两个问题。

相关文章

  • HTML常用标签iframe、a、form、input、tabl

    本文所介绍的标签:iframe、a、form、input、table iframe 标签 嵌套页面 iframe ...

  • 常用的html标签

    a标签a标签可以配合iframe标签 iframe标签 2.1 target属性(1) _blank(也是默认状态...

  • HTML 常用的标签

    iframe标签 iframe 与 a标签结合使用 a标签 a标签的属性详见 a标签的target属性 a标签的h...

  • 关于HTML的几个标签

    iframe标签 iframe标签会在当前页面内嵌套一个页面,这个页面可以通过CSS来控制大小。 iframe标签...

  • HTML常用标签解析

    iframe标签 iframe是个内联框架,是在页面里生成个内部框架,可替换标签。 格式