javascript - Firefox 中的 iframe 大小

标签 javascript html

我的页面中有 iframe 元素,当页面加载时,iframe 将重新调整大小,并且每个元素都有一个按钮来隐藏/显示它。第一次隐藏再显示后,iframe变小,出现滚动条。

它只发生在 Firefox 中,在 IE 和 Chrome 中工作正常,有人知道为什么吗?

部分代码如下:

function Resize_IFrame(f) {
    f.style.height = f.contentWindow.document.body.scrollHeight + "px";
}
<body style="font-size:75%;" 
      onload="Resize_IFrame(document.getElementById('iframe1'));
              Resize_IFrame(document.getElementById('iframe2'));">

<!-- ... -->
<iframe id='iframe1' name='iframe1' width="100%" frameBorder='0' 
          src='/aa.jsp'></iframe>
<iframe id='iframe2' name='iframe2' width="100%" frameBorder='0' 
      src='/bb.jsp'></iframe>

<img src='/max.jpg'  onclick="hide('iframe1_table') ;Resize_IFrame(document.getElementById('iframe1'));"/> 

    function Hide( Table_Name )
{
    var Table      = document.getElementById( Table_Name + "_table" );
    var Hide_Icon = document.getElementById( Table_Name + "_hide_image" );
    var Add_Icon  = document.getElementById( Table_Name + "_add_image" );
    Table.style.display = 'none';
    Add_Icon.style.display  = 'block';
    Hide_Icon.style.display = 'none';
    document.getElementById( Table_Name + "__is_collapsed" ).value = 'Y';
}

最佳答案

Firefox 将 iFrame 的大小仅作为可见区域,因此排除了滚动条。

关于javascript - Firefox 中的 iframe 大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4265221/

相关文章:

javascript - 摆脱多余的方法定义

javascript - 使用 Array.prototype.filter() 不会重复删除数组的数组

javascript - Twitter 从没有弹出窗口的网站连接

javascript - 如何让 CKEditor 内联工具栏淡入淡出?

javascript - 从网站获取新闻

javascript - 使用 bokeh/flexx pyscript 在 Python 3.5 中进行交互式浏览器绘图

Javascript 将 "%%"读取为 "%"和 "%%"?

html - 如何仅将库引用到 HTML 的特定部分?

javascript - 在 iOS 中通过 webApp 导航时保持全屏模式

html - 从 html 表值创建进度条