iframe在div中如何自适应高度
div设置了高度自适应，但是在div里面插入一个iframe，用js使iframe获取到div的高度，但是对iframe不起作用
你们说的都不行吖，我说的是div是自适应高度的，让div的高度iframe的高度变化，我已经给iframe设置了宽度是100％，框架的高度是多少，让div随着iframe的高度变化。div中的iframe是一个搜索操作，搜索出来的结果有时候会很多。
//window.onresize表示窗口触发时间的时候执行
//两个函数，用闭包包裹起来()()
window.onload=function(){
(window.onresize=function(){
//获取可见宽度
var width=document.documentElement.clientWidth-180;//180为左边的div的大小
//获取可见高度
var height=document.documentElement.clientHeight-80;//80为头部的div的大小可自己修改
//如果有宽度就给值，
if(width>=0){
document.getElementById('main').style.width=width+'px';
}
if(height>=0){
document.getElementById('sidebar').style.height=height+'px';
document.getElementById('main').style.height=height+'px';
}
})()};
扩展资料：
//设置iframe的高度
function resizeFrameHeight() {
$('.tab_iframe').css('height', document.documentElement.clientHeight - 118);
$('md-tab-content').css('left', '0');
}
window.onresize = function () {
resizeFrameHeight();
initScrollShow();
initScrollState();
}
iframe高度自适应，700为自己设定的iframe高度最低值，高度小于700的将以700显示，大于700将以div自身高度来显示。iframe高度最低值可以自己修改本回答被提问者和网友采纳
<iframe id="mainframe" name="mainframe" src="smb010201.aspx" frameBorder="0" width="100%" scrolling="no" height="100%"
onload="document.all('mainframe').style.height=mainframe.document.body.scrollHeight+30;"> </iframe>
我测试过，完全可以用的
<iframe id="iFrame1" name="iFrame1" width="952" onload="this.height=iFrame1.document.body.scrollHeight" scrolling="no" frameborder="0" src="asdf.html"></iframe>
iframe在div中如何自适应高度
window.onload=function(){ (window.onresize=function(){ \/\/获取可见宽度 var width=document.documentElement.clientWidth-180;\/\/180为左边的div的大小 \/\/获取可见高度 var height=document.documentElement.clientHeight-80;\/\/80为头部的div的大小可自己修改 \/\/如果有宽度就给值，if(width>=0){ docume...
iframe自适应内容高度iframe自适应高度和宽度
1、在文件夹里创建两个html文件，一个“index”一个“iframe”。2、2、在index中添加一个iframe标签，直接嵌入iframe页面。3、3、在iframe网页中添加了两个固定高度的div内容。4、4、浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。5、5、现在我们在index页面的iframe标签再添加如下的...
怎么让iframe自适应高度
方法一，在每个被包含页在本身内容加载完毕之后，执行JS取得本页面的高度，然后去同步父页面的iframe高度。方法二，在主页面iframe的onload事件中执行JS，去取得被包含页的高度内容，然后去同步高度。在代码维护角度考虑，方法二是优于方法一的，因为方法一，每个被包含页都要去引入一段相同的代码来做这个...
iframe的高度可以随内容的多少而变化吗
1、首先在文件夹里创建两个html文件，一个“index”一个“iframe”。2、然后在index中添加一个iframe标签，直接嵌入iframe页面。3、接着在iframe网页中添加了两个固定高度的div内容。4、浏览器打开index页面，发现iframe部分有滚动条，需要滚动显示页面。5、现在在index页面的iframe标签再添加如下的属性。再...
怎么让iframe的大小跟随内容的大小自动调整?
1.在一个文件夹中创建两个HTML文件，一个“index”和一个“iframe”。2.将iframe标记添加到索引中，并将其直接嵌入到iframe页面中。3.将两个具有固定高度的div内容添加到iframe页面。4.当浏览器打开索引页时，我们发现在iframe的部分有一个滚动条，需要滚动才能显示页面跟踪。5.现在，我们将以下属性...
网页设计:怎么让frame的高度自适应??
高度自适应可以用Javascript 你每个iframe为一个单独的页面，只需在每个单独的页面中<head>与<\/head>之间加入如下代码即可实现firame高度的自适应：<script type="text\/javascript"> function setWindowSize(){ \/\/iframe自动本窗口高度 try{ var thiswin = window.parent.document.getElementById(window....
div中镶嵌一个iframe,怎么让iframe的滚动条不起作用,而div的滚动条起作...
你可以试试，让iframe的高度等于他引用页的body高度，这样iframe就不会出滚动条了，把div的高度设置成固定，并且当内容多于div高度时，自动出滚动条。不好意思，代码没有实现
js写入的iframe自适应高度问题(急)
cw.document.write('<div>test<\/div>');cw.document.close();<\/script> IE6,IE7,FF2下测试通过 2.自适应高度 在id为"ifr"的iframe内容里写上js代码:<script> function resize(){ parent.document.getElementById('ifr').style.height = document.body.scrollHeight>300?document.body.scroll...
iframe 能不能让他高度自动伸缩啊,就是根据加载的页面高度来变化,不...
拿去吧！<div style="float: left; border-left: solid 1px;"> <iframe id="myframe" name="myframe" width="100%"src="这里放你要放在iframe里的页面" scrolling="no" frameborder="0"onload="this.height=100" style="overflow:hidden;"> <\/iframe> <script type="text\/javascript"> ...
html iframe 高度越来越小,这是为什么?
一、iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。二、有以下方式对iframe进行设置高度和宽度 1、iframe元素标签可以使用width和height属性，<iframe src ="\/index.html" width="400" height="300"><\/iframe> 2、可以使用css来定义宽度和高度 <iframe src ="\/index.html" style="...
