创建具有动态高度的iframe

时间:2014-01-20 09:51:53

标签: javascript jquery redirect iframe

我想使用iframe在弹出窗口中显示远程网址的内容或网站。但我不想修复iframe的高度。我已经使用了一些代码

function resizeIframe(iframe) {
  iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";
}

代表

我试过另一个代码

document.getElementById('iframe1').scrollHeight();

但这不起作用。 请建议

2 个答案:

答案 0 :(得分:1)

试试这个:

newheight = document.getElementById(iframe1).contentWindow.document.body.scrollHeight;
//For Firefox:
document.getElementById(id).height = (newheight) + "px";

//For Other:
 $('#' + iframe1).css('min-height', newheight + 'px');

答案 1 :(得分:1)

我认为你错过了样式属性:

iframe.style.height = iframe.contentWindow.document.body.scrollHeight + "px";

或者对于第二个我认为你应该做的事情

$('#iframe1').height(300); //will set your Iframe height with id iframe1 to 300px

否则

$('#iframe1').css("height", "300px") //do the same