iframe 自适应高度解决

html:

	

		
  • 图标统计
  • 上稿统计
  • 部门上稿统计
  • 栏目上稿统计

js:

 	   //点击刷新iframe
		layui.use(['element'], function() {});
		$(".layui-tab-title li").click(function() {
			var href = $(this).attr("data-value");
			$("#iframe").attr("src", href);
			$("#iframe").css("height", '');
			setIframeHeight();
			document.getElementById('iframe').src = href;
		});

         //设置iframe高度函数
		function setIframeHeight() {
			var iframe = document.getElementById('iframe');
			var height = window.parent.document.documentElement.scrollHeight - 165;//获取父页面高度减去差值
			if(document.all) { //判读ie w3c
				iframe.attachEvent("onload", function() { //ie 判断加载 
					var temph = iframe.contentWindow.document.documentElement.scrollHeight;
					iframe.height = temph > 400 ? temph : height;//给与一个界限
				});
			} else {
				var ifr = $("#ifr", parent.document);
				iframe.onload = function() { //w3c判断加载
					var temph = iframe.contentDocument.body.scrollHeight;
					iframe.height = temph > 400 ? temph : height;//给与一个界限
				}
			}
		}

你可能感兴趣的:(我的记录(前端))