页面的iframe高度自适应

最新推荐文章于 2020-12-16 17:18:46 发布

原创最新推荐文章于 2020-12-16 17:18:46 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

6 篇文章

订阅专栏

html

5 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于自动调整网页中所有iframe元素的高度，确保它们能够根据内容自适应显示，避免滚动条出现或者内容被截断的问题。通过每隔500毫秒执行一次该函数，可以动态地调整iframe的高度。

function reinitIframe(){
	var iframes = document.getElementsByTagName("iframe");
	for(var i = 0 ; i < iframes.length ; i++){
		var iframe = iframes[i];
		try{
			var bHeight = iframe.contentWindow.document.body.scrollHeight;
			var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
			var height = Math.max(bHeight, dHeight);
			iframe.height =  height;
		}catch (ex){}
	}
	
}
window.setInterval("reinitIframe()", 500);