1

我一直在互联网上搜索,疯狂地通过stackover流程并解决了我的一半问题,当您单击链接以加载页面的完整大小时,我正在尝试调整 iframe 的大小,我已经让它在 IE 中工作但在 FF 中什么也没有发生,它只是保持相同的高度,

适用于 IE 的代码

function calcHeight() {
    var the_height = 0;
    //find the height of the internal page
    if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) { //test for Firefox/x.x or Firefox x.x (ignoring remaining digits);
        the_height = document.getElementById('class').contentDocument.body.offsetHeight + 140;
    }
    else {
        the_height = document.getElementById('class').contentWindow.document.body.scrollHeight + 18;
    }
    document.getElementById('class').height = the_height + "px";
}

框架代码

    <iframe src="iframback.html" name="class" id`="class" width="100%" height="auto" scrolling="no" frameborder="0" onload="calcHeight();" allowtransparency='true'></iframe></td>

任何帮助将不胜感激,我无法弄清楚这一点!这是一个指向测试页面的链接,您应该能够单击“Ohio Conceal Handgun License (CHL)”并在其旁边显示代码并让 IFRAME 像在 IE 中一样向下展开。谢谢! http://www.dualactiontactics.com/Update/7/Training.html

4

1 回答 1

0

您在 iframe 中使用id`而不是 id,首先更改此设置

<iframe src="iframback.html" name="class" id`="class" width="100%" height="auto" 
scrolling="no" frameborder="0" onload="calcHeight();" allowtransparency='true'></iframe>

id`="class"id="class"

并在 js 更改语句中

document.getElementById('class').height = the_height + "px";

document.getElementById('class').height = the_height;

或者

document.getElementById('class').style.height= the_height + "px";
于 2012-11-12T04:42:32.387 回答