实测iframe自适应高度的两种方法

方案一

1. <iframe name=“myiframe” id=“myiframe” src=“#” frameborder=“0” scrolling=“no”></iframe>

1. <script type=“text/javascript” language=“javascript”>
2. $(window.parent.document).find(“#myiframe”).load(function(){
3. var main = $(window.parent.document).find(“#myiframe”);
4. var thisheight = $(document).height()+30;
5. main.height(thisheight);
6. });
7. </script>

方案二

拖拽窗口iframe也可以自适应高度

1. <iframe name=“myiframe” id=“myiframe” src=“#” frameborder=“0” scrolling=“no”></iframe>

1. <script type=“text/javascript” language=“javascript”>
2. function changeFrameHeight(){
3. var ifm= document.getElementById(“myiframe”);
4. ifm.height=document.documentElement.clientHeight–56;
5. }
6. window.onresize=function(){ changeFrameHeight();}
7. $(function(){changeFrameHeight();});
8. </script>