javascript创建iframe自动高度

javascript创建iframe自动高度,javascript,iframe,Javascript,Iframe,我正在使用Javascript来创建下拉框,该下拉框打开下面带有所选页面的iframe。 下面的页面是一个动态图形页面,因此它的高度。 为了不在iframe中滚动查看页面,我添加了1320%。 如何根据页面动态执行此操作 <script type="text/javascript"> function loadFrame() { var s=document.getElementById("report_type").value;

我正在使用Javascript来创建下拉框,该下拉框打开下面带有所选页面的iframe。 下面的页面是一个动态图形页面,因此它的高度。 为了不在iframe中滚动查看页面,我添加了1320%。 如何根据页面动态执行此操作

  <script type="text/javascript">
        function loadFrame()
        {
        var s=document.getElementById("report_type").value;
        document.getElementById("loadContainer").innerHTML=""
        var iframe = document.createElement("iframe");
        iframe.src = s;
        iframe.style.width = 100+"%";
        iframe.style.height = 1320+"%";
        iframe.frameBorder = 0;
        document.getElementById("loadContainer").appendChild(iframe);
        }
  </script>

函数loadFrame()
{
var s=document.getElementById(“报告类型”).value;
document.getElementById(“loadContainer”).innerHTML=“”
var iframe=document.createElement(“iframe”);
iframe.src=s;
iframe.style.width=100+“%”;
iframe.style.height=1320+“%”;
iframe.frameBorder=0;
document.getElementById(“loadContainer”).appendChild(iframe);
}

您可以获取html元素主体的高度,并设置iframe的高度:-

   var iframe = document.createElement("iframe");
    iframe.src = 'test.html';
    iframe.style.width = "100%";
    iframe.onload = function(){
        iframe.contentWindow.document.body.style.margin = 5+'px';
        iframe.style.height = (iframe.contentWindow.document.body.clientHeight+10)+"px";
    }
    iframe.frameBorder = 0;
    document.getElementById("loadContainer").appendChild(iframe);

目前为1320+“%”;,对于PX,它不工作:(不工作:(窗口以全宽但高度的20%打开。您是否在loadFrame函数中编写了我的代码,该函数将被称为onload of body?我已经在本地测试了我的代码,它工作正常,没有任何问题。iframe的高度将等于iframe中内容的高度。我可以获得您分配的iframe的src吗可以测试吗?我如何发布我的代码?此评论不允许。我不需要代码,我可以获取页面的url吗,您正在分配给iframe。