调整跨域Iframe高度

我正在尝试将iframe height参数更改为iframe中加载的页面的相同px.在iframe中加载的页面来自另一个域.

将在iframe内部加载不同的页面,从而导致iframe内容的高度发生变化,因此我需要获取iframe内容高度并将其应用于iframe height参数.

这是我正在谈论的一个例子:http://jsfiddle.net/R7Yz9/3/

Amazon 
Cnn 
Wikipedia 

.

$(document).ready(function() {
    var iframe = $( "#source" );
    $( "a[target=_top]" ).click( function(){
        iframe.attr( "src", this.href );
        return false;
    }); 
});

David Bradsh.. 27

这是一个小型库,可以解决将iFrame调整为包含内容的所有问题.

https://github.com/davidjbradshaw/iframe-resizer

它通过使用post-message API处理跨域问题,并且还以几种不同的方式检测iFrame内容的更改.

适用于所有现代浏览器和IE8以上版本.

编辑:为了确定跨域iframe高度,您还必须有权在iframe的页面上实现脚本.