iframe 高度宽度自动控制父窗口调用

最新推荐文章于 2021-06-27 10:53:48 发布

原创最新推荐文章于 2021-06-27 10:53:48 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

本文深入探讨了网页中使用iframe元素实现的框架技术，包括如何调整iframe的大小以适应内部页面的内容，并介绍了父窗口如何通过JavaScript进行交互。重点在于提供实际应用场景中的解决方案。

高度
<iframe name="myframe" src="myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['myframe'].style.height=myframe.document.body.scrollHeight" ></iframe>

宽度
<iframe name="myframe" src="myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['myframe'].style.width=myframe.document.body.scrollWidth" ></iframe>

父窗调用
parent.document
parent.location