iframe自适应高度，以及一个页面加载多个iframe

最新推荐文章于 2022-03-17 18:01:28 发布

转载最新推荐文章于 2022-03-17 18:01:28 发布 · 459 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/yujiamin123/p/7765520.html

标签

#javascript #ViewUI

收录于

本文详细介绍了如何使用HTML的iframe元素结合JavaScript动态调整其显示页面的高度，以实现更优的网页布局效果。文中提供了具体的代码示例，包括iframe的HTML结构、目标链接设置以及JavaScript函数用于获取并设置iframe内容区的实际高度。

其中name 和 tatget 必须保持一样。

js中获取iframe中页面的高度

function iFrameHeight() {
var ifm = document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument; // IE和其他浏览器兼容选择
if (ifm != null && subWeb != null) {
ifm.height = subWeb.body.offsetHeight; //offsetHeight 页面高度
}

}
</script>

转载于:https://www.cnblogs.com/yujiamin123/p/7765520.html