调整iframe的大小以适合其内容[duplicate]

我使用了以下jQuery代码来执行此操作:

$('#iframe_id').load(function () {
    $(this).height($(this).contents().height());
    $(this).width($(this).contents().width());
});

不过,如果iframe的内容是跨域的,我不认为这会起作用。

您可以计算出框架内内容的高度和宽度,然后调用框架所有者的函数来设置iframe元素的高度和宽度。

有办法的!jits的查询太简单了。有点粗糙。。

$('iframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"});
setInterval( "$('iframe').height($('iframe').contents().find('body').height() + 20)", 1 );

给你!