У меня есть iframe (того же происхождения).У меня есть код для установки высоты iFrame на основе content-height.
Сначала я попытался получить высоту iframe на основе содержимого на основе следующего кода iframeObj.contentWindow.body.scrollHeight
, однако я получил ошибку:
TypeError: iframeObj.contentWindow.body не определено
Однако следующий код (после добавления документа возвращает scrollHeight) iframeObj.contentWindow.document.body.scrollHeight
и все работает!
<div style="margin-top:30px;">
<iframe class="iframe-style" id="indexFrame" onload="resizeFrame(this);" width="100%" src="https://url-name" scrolling="auto"></iframe>
<script>
function resizeFrame(iframeObj) {
var iframeScrollHeight = ""
if (iframeObj.contentWindow.body === undefined) {
iframeScrollHeight = "500px";
} else {
iframeScrollHeight =
iframeObj.contentWindow.document.body.scrollHeight;
}
iframeObj.style.height = iframeScrollHeight + "px";
}
</script>
</div>
Я не смог найти четкую информацию о том, в чем разница между
iframeObj.contentWindow.document.body.scrollHeight
и
iframeObj.contentWindow.body.scrollHeight