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

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

<iframe>标签自适应高度和宽度

// iFrame 自适应高度 function iFrameHeight() { var ifm= document.getElementById("iframepage"); va...

使用iframe内嵌网页的时候,如何做到内嵌网页的高度自适应

在页面无刷新更新方面,虽然现在的ajax很强悍,但是处理代码相对多点。想比之下,iframe就简单多了!处理iframe的自适应宽、高,会经常用到,网上整理了一份,写在这里备用: 单个iframe 高...

IFrame根据内容自动适应高宽(同域)

     width="390" height="350" allowtransparency="0" frameborder="0" marginwidth="0" marginheigh...

iframe自动适应 高度 宽度

  • 2011年11月23日 08:56
  • 1KB
  • 下载

iframe同域或异域下高度自动适应(兼容种浏览器)

利用javascript来控制iframe的高度自动适应,介于javascript对不同域名权限的限制,分为两种情况: 同域名情况下: 同域名下面,iframe自动适应高度,相对简单,下面...

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

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

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

iframe自适应高度

  • 2013年04月20日 20:18
  • 4KB
  • 下载

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

iframe在网页中经常用到,尤其是不想用框架却想具有框架一样的导航与显示效果的时候。不用框架的原因,有时是受布局图片的限制,不太好划分矩形区域,比较适合用表格背景图片自动伸缩的形式,我最近就碰到一例...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Iframe自动适应宽度和高度
举报原因:
原因补充:

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