通过<frameset>和<iframe>看JavaScript中window对象parent、self、top的区别

最新推荐文章于 2022-05-17 18:10:13 发布

aitangyong

最新推荐文章于 2022-05-17 18:10:13 发布

阅读量5.5k

点赞数

分类专栏： HTML/CSS/JS 文章标签： frameset和iframe parent与self和top的区别

本文链接：https://blog.csdn.net/aitangyong/article/details/46407873

版权

本文介绍了HTML中的<frameset>、<frame>、<iframe>元素及其关系，并详细阐述了JavaScript中window对象的parent、self、top属性的区别。在层次嵌套的HTML页面中，self始终代表当前窗口，parent表示当前窗口的父窗口，而top则指向最顶层的窗口。在多层嵌套的iframe中，正确理解和使用这三个属性对于跨窗口通信至关重要。

摘要由CSDN通过智能技术生成

<frameset>、<frame>、<iframe>这3个html元素的区别，可以参考这篇文章"frame,iframe,frameset之间的关系与区别"。标准的使用方式如下：

<!--iframe 是在html页面内嵌入框架框架内可以连接另一个页面-->
<html>
<head></head>
<body>
<iframe src="xxx.html"></iframe>
</body>
</html>

<!--frameset在一个页面中设置一个或多个框架,不能嵌套在body标签里-->
<html>
<head></head>
<frameset>
<frame src=""></frame>
<frame src=""></frame>
</frameset>
</html>

可以看到a.html能够通过<frameset>或者<iframe>包含另一个b.html，而b.html中也可以用同样的方式嵌套c.html。这样就在不同的html之间形成了明显的