Iframe自动适应宽度和高度

原创 2016年06月02日 12:43:48
 Iframe自动适应宽度和高度
 <iframesrc="Guestbook/index.asp?ver=cn&classid=1"id="newsiframe" marginwidth="0" marginheight="0" frameborder="0"scrolling="no" width="100%" onload="this.height=0;varfdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>10?fdh:10)"></iframe>
 
一般样式:
<iframe src="index_center.asp?adminid=3"height=205 width=285 frameborder=0 scrolling=no border="0"></iframe>




 Iframe自动适应高度(要在同一个域名下,引用别人网址是不行)
最好是在本地测试:
<!DOCTYPE html>
<html lang="sv">
<head>
	<meta charset="utf-8" />
	<title>Iframe height demo</title>
	<style media="screen,print">
	#body {
		width:70em;
		max-width:100%;
		margin:0 auto;
	}
	iframe {
		width:100%;
		margin:0 0 1em;
		border:0;
	}
	</style> 
</head>
<body>
	<div id="body">
		<iframe src="type.php" frameborder="0" scrolling="no" id="test" onload="this.height=100"></iframe>
		<script type="text/javascript">  
    function reinitIframe(){  
        var iframe = document.getElementById("test");  
        try{  
            var bHeight = iframe.contentWindow.document.body.scrollHeight;  
            var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;  
            var height = Math.max(bHeight, dHeight);  
            iframe.height =  height;  
            console.log(height);
        }catch (ex){}  
    }  
  
    window.setInterval("reinitIframe()", 200);  
</script>
	</div>
</body>
</html>

引用:http://caibaojian.com/iframe-adjust-content-height.html

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

【随记】JQuery实现表格的双击编辑功能(自动适应表格高度和宽度)

<-- $(document).ready(function(){ $("#tables td").dblclick(function(){ if($(this).children("...

textarea文本域宽度和高度(width、height)自动适应变化处理

文章来源:http://www.cnblogs.com/jice/archive/2011/08/07/2130069.html textarea宽度、高度自动适应处理方法 .commen...

iframe自适应高度

iframe的高度随内容的多而自动增长

让你的iframe高度变成动态的! if(window.parent.length>0){window.parent.document.all.newtest.style.height=doc...

让iframe根据内容自动调整高度~~~

iframe在网页中经常用到,尤其是不想用框架却想具有框架一样的导航与显示效果的时候。不用框架的原因,有时是受布局图片的限制,不太好划分矩形区域,比较适合用表格背景图片自动伸缩的形式,我最近就碰到一例...

iframe自适应高度 .txt

  • 2009-06-04 12:31
  • 184B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)