iframe 自适应高度 ,绝对好用。兼容IE和FOX

iframe 自适应高度 ,绝对好用。兼容IE和FOX

<script type=”text/javascript”>
//iframe 自适应高度

function SetCwinHeight(){
var bobo=document.getElementByIdx_x(“main”); //iframe id
if (document.getElementByIdx_x){
if (bobo && !window.opera){
if

(bobo.contentDocument && bobo.contentDocument.body.offsetHeight){
bobo.height = bobo.contentDocument.body.offsetHeight;
}else if(bobo.Document &&

bobo.Document.body.scrollHeight){
bobo.height = bobo.Document.body.scrollHeight+30;
//alert(document.getElementByIdx_x(“amdright”).style.width);
}
}
}
}

</script>
<iframe id=”main” name=”main” src=”main.php” scrolling=”no” width=”100%” frameborder=”0″ οnlοad=”SetCwinHeight()”></iframe>

 

jquery方法二

 

超级简单的方法,也不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就

行了。一个是放在和iframe同页面的,一个是放在test.html页面的。
注意别放错地方了哦。

iframe代码,注意要写ID

<iframe src="test.html" id="main" width="700"

height="300" frameborder="0" scrolling="auto"></iframe>
jquery代码1:
//注意:下面的代码是放在test.html调用
$(window.parent.document).find("#main").load

(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
main.height(thisheight);
});
jquery代码2:
//注意:

下面的代码是放在和iframe同一个页面调用
$("#main").load(function(){
var mainheight = $(this).contents().find

("body").height()+30;
$(this).height(mainheight);
});子页面调用父页面js函数:
top.alertstr(‘我是子页面

‘);

子页面调用兄弟页面js函数:
top.$(“#b”).alertstr(‘我是子页面’);
“#b”是指兄弟页面的ID

 

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页