javascript - 如何动态计算iframe的高度?

标签 javascript

我正在尝试使用

计算 iframe 中显示的页面高度
document.getElementById('iframe1').contentWindow.outerHeight  

contentWindow.outerHeight 在不同的浏览器中采用不同的值,并且并没有真正给出正确的高度值。另外,在 Internet Explorer 中,我看到错误“访问被拒绝”。

我尝试在 iframe 中显示的页面加载时没有任何问题。

最佳答案

由于您确实在某些浏览器中获得了值,但在 IE 中却没有,我假设这不是跨域问题。

contentWindow.outerHeight在 IE 中不适用于我,除非我添加:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

以下内容似乎在所有浏览器中效果最佳:

contentWindow.document.body.offsetHeight;

请注意,不同的浏览器渲染 HTML 的方式略有不同,具体取决于 CSS 默认值、换行算法等。因此,您不太可能在一种浏览器中获得与在另一种浏览器中相同的高度。

关于javascript - 如何动态计算iframe的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27159755/

相关文章:

javascript - Lodash 返回键如果存在,否则返回另一个键

php - 在 php 代码中使用 javascript 引号

javascript - 使 div 仅使用 CSS 填充另一个 div 留下的页面的所有高度

javascript - 仅当值不存在时才向对象添加新的数组条目

javascript - JSON 从 Rails 到 Angularjs

javascript - Ubuntu : Chilld process with piped stdio, 上的 Node.js 不发出标准输出和标准错误

javascript - 如何在页面底部自动显示和滚动隐藏的div?

Javascript - 无法获取函数外部的值,变得未定义

javascript - jQuery $ 是如何初始化的?它是如何在全局范围内使用的?

javascript - 使用 requireJS 提供的 javascript 语言文件时,如何调整外文字符?