设置iframe的高度自适应，无滚动条

最新推荐文章于 2024-07-24 10:26:30 发布

双子叶

最新推荐文章于 2024-07-24 10:26:30 发布

阅读量994

点赞数 1

文章标签： iframe高度自适应无滚动条

本文链接：https://blog.csdn.net/shzy1988/article/details/50559912

版权

1.html代码如下：

<iframe id="content_right" frameborder="0" scrolling="no" width="100%" ></iframe>

2.在页面添加js方法，setSrc是给iframe的src属性赋值，如果src是固定的，可以在iframe的onload方法调用iframeLoadComplete方法

function setSrc(url){
				var $iframe = $("#content_right")[0];
				$iframe.src=url;
				iframeLoadComplete($iframe);
			}
			//以下操作必须在iframe加载完后才可进行  
			function iframeLoadComplete(iframe){
				if (iframe.attachEvent) {  
				    iframe.attachEvent("onload", function() {  
				    	setIframeHeight(iframe);
				    });  
				}else {
				    iframe.onload = function() {
				       setIframeHeight(iframe)
				    };  
				} 
			}
			function setIframeHeight(iframe){
				var contentHeight = $(iframe).contents().find("body").height();
		    	iframe.height = contentHeight+10;
			}