iframe 父子页面相互访问，iframe属性、安全问题

最新推荐文章于 2023-06-16 11:26:41 发布

前端不弃

最新推荐文章于 2023-06-16 11:26:41 发布

阅读量1.3k

点赞数

分类专栏： javascript 文章标签： iframe html

本文链接：https://blog.csdn.net/qq_29590623/article/details/87950259

版权

本文详细介绍了iframe作为HTML标签的属性，如width、height和src等，并讲解了如何从父页面获取iframe内部元素，以及在子页面中访问父页面的方法。同时，讨论了iframe的安全问题，如禁止嵌套网页以及跨域调用的解决方案——利用postMessage进行通信。

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

iframe是html标签，具有一般标签的属性：

width iframe的高度
height iframe的宽度
src iframe里面加载的页面url
name 可以通过window.frames[name]获取到frame
scrolling iframe里面的页面是否可以滚动
frameborder 是否显示iframe边框 1（显示）0（不显示）
id 和其他的html标签id一样
在主页面中通过iframe标签可以引入其他子页面

<!--localhost:8080/index-->
<iframe id='name' name='child' src="http://locahost:8080/child" frameborder="0" width='200px' height='300px' ></iframe>
<script>
   console.log(window.frames['child']);//获取到子页面的window对象
</script>