做网站的时候一般都是左边导航,右边是根据导航引入不同的html,这时一般都会用到iframe,但是iframe的高度自适应就成了一个大问题。
如何是使高度自适应,我今天在解决这个问题的时候花了很长时间,下面就是我的笔记。
主要是为iframe加上一个监听函数
$(function(){
window.setInterval(iframeResize,200);
function iframeResize(){
var mainheight = $("#myiframe").contents().find("body").height() + 30;
console.log(mainheight);
$("#myiframe").height(mainheight);
}
//下面是你要进行的各种操作或方法,省略不写。。。
})
此处要注意的是window.setInterval(iframeResize,200);这里面的方法名一定不要带引号,也不要带括号
还有如果想要写在外面,那么window.setInterval(iframeResize,200);的写法
1:可以是window.setInterval("iframeResize()",200);
2:可以是window.setInterval(iframeResize,200);