分享一个iframe自适应的js(兼容性较好)

最新推荐文章于 2025-07-10 16:09:19 发布

原创最新推荐文章于 2025-07-10 16:09:19 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

本文分享了一段兼容性较好的iframe自适应JS代码，通过动态调整iframe的高度，确保内容完全显示，提升网页布局的灵活性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 分享一个iframe自适应的JS（这个兼容性比较好）
    function resizeiframe(){
	    //设置iframe大小
	    var iframeids=["flowFrame"];
	    var iframehide="yes";
	    var dyniframe=new Array()
	    for (i=0; i<iframeids.length; i++){
	    	if (document.getElementById){
	    		dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);
	    		if (dyniframe[i] && !window.opera){
		    		dyniframe[i].style.display="block";
		    	if (dyniframe[i].contentDocument&&dyniframe[i].contentDocument.body&&dyniframe[i].contentDocument.body.offsetHeight)
		    		dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;
		    	else if (dyniframe[i].Document &&dyniframe[i].Document.body&&dyniframe[i].Document.body.scrollHeight)
		    		dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
		    	}
			}
		    if ((document.all || document.getElementById) &&iframehide=="no"){
			    vartempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i]);
		    	tempobj.style.display="block";
		    }
	    }
    }