写点什么

iframe 框架

作者:黎燃
  • 2022 年 5 月 10 日
  • 本文字数:694 字

    阅读完需:约 2 分钟

iframe 是什么 iframe 就是我们常用的 iframe 标签:<iframe>。iframe 标签是框架的一种形式,也比较常用到,iframe 一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站或者本站其他页面的内容。iframe 标签的最大作用就是让页面变得美观。iframe 标签的用法有很多,主要区别在于对 iframe 标签定义的形式不同,例如定义 iframe 的长宽高。iframe 框架一个页面中的所有框架以集合的形式作为 window 对象的属性提供,例如:window.frames 就表示该页面内所有框架的集合,这和表单对象、链接对象、图片对象等是类似的,不同的是,这些集合是 document 的属性。因此,要引用一个子框架,可以使用如下语法:


window.frames["frameName"];window.frames.frameNamewindow.frames[index]
复制代码


其中,window 字样也可以用 self 代替或省略,假设 frameName 为页面中第一个框架,则以下的写法是等价的:


self.frames["frameName"]self.frames[0]frames[0]frameName
复制代码


每个框架都对应一个 HTML 页面,所以这个框架也是一个独立的浏览器窗口,它具有窗口的所有性质,所谓对框架的引用也就是对 window 对象的引用。有了这个 window 对象,就可以很方便地对其中的页面进行操作,例如使用 window.document 对象向页面写入数据、使用 window.location 属性来改变框架内的页面等。


href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。src 表示来源地址,在 img、script、iframe 等元素上。
src 的内容,是页面必不可少的一部分,是引入。href 的内容,是与该页面有关联,是引用。区别就是,引入和引用。src和href之间存在区别,能混淆使用。src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。
复制代码


发布于: 刚刚阅读数: 3
用户头像

黎燃

关注

前端工程师 2022.05.06 加入

专注学习分享前端知识。

评论

发布
暂无评论
iframe框架_5月月更_黎燃_InfoQ写作社区