JS iframe高度自适应

最新推荐文章于 2025-05-18 13:16:54 发布

原创最新推荐文章于 2025-05-18 13:16:54 发布 · 534 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

16 篇文章

订阅专栏

本文提供了一个JavaScript代码示例，用于调整网页中IFRAME的高度，确保其与包含窗口高度相匹配，包括考虑不同浏览器的特定行为。

var a = parent.document.getElementsByTagName("IFRAME");
for (var i = 0; i < a.length; i++) {
	// 是包含当前window的IFRAME，则调整高度
	if (a[i].contentWindow == window) {
		var h1 = 0, h2 = 0;
		a[i].parentNode.style.height = a[i].offsetHeight + "px";
		a[i].style.height = "10px"; // 
		if (document.documentElement && document.documentElement.scrollHeight) {
			h1 = document.documentElement.scrollHeight;
		}
		if (document.body)
			h2 = document.body.scrollHeight;
		var h = Math.max(h1, h2); // 取两者中的较大值
		if (document.all) {
			h += 4;
		}
		if (window.opera) {
			h += 1;
		}
		// 调整高度
		a[i].style.height = a[i].parentNode.style.height = h + "px";
	}
}