在iframe元素中,我添加了一个src属性,并在加载该属性时调用该函数,在这种情况下,document.body指向主体。
我已经尝试使用$(document).ready(function() {})
和document.body[1]
,但没有成功。
<iframe id="inlineFrameExample" class="iframeDynamic" title="Inline Frame Example" width="300" name="myFrame" src="http://www.nu.nl" onload="resizeIframe(this)">
<html>
<head></head>
<body></body>
</html>
function resizeIframe() {
let test = document.body;
console.log(test);
// What's the page height?
var height = document.body.scrollHeight;
// Going to 'pipe' the data to the parent through the helpframe..
var pipe = document.getElementById('inlineFrameExample');
// Cachebuster a precaution here to stop browser caching interfering
newSource = pipe.src + '?height='+height+'&cacheb='+Math.random();
pipe.style.height = height + 'px';
}
在我看来,document.body不会引用正确的body元素。另外请记住,这是一个动态添加的元素。我想选择它,然后获取iframe中该body元素的特定高度。