iframe 高度自适应，并且子页面的高度不断变化

做网站的时候一般都是左边导航，右边是根据导航引入不同的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);