基于根据搜索结果更改大小的内容的iframe自动调整大小

时间:2013-03-21 12:03:42

标签: javascript iframe resize autosize

我有一个页面包含搜索页面iframe。如果您尝试搜索文本,它很少适合页面。

我不知道根据内容更改自动调整iframe大小的代码。

现在我在iframe中使用此代码:

 <body onload="parent.alertsize(document.body.scrollHeight);">

这个javascript在父页面中:

 <script>
function alertsize(pixels){
 pixels+=32;
 document.getElementById('my-iframe').style.height=pixels+"px";
 }
 </script>

1 个答案:

答案 0 :(得分:1)

<script type="text/javascript">
var myHeight = 0;

setInterval(function(){
    if(myHeight != document.body.scrollHeight){
        myHeight = document.body.scrollHeight;
        parent.alertsize(myHeight);
    }
},500);
</script>