跨域的iframe自動調整高度(cross-domain iframe resizer)

可以使用iframe-resizer
項目地址: http://davidjbradshaw.github.io/iframe-resizer/
演示地址: http://davidjbradshaw.com/iframe-resizer/example/

用法:
1.父頁面: 引入jQuery.js 和 iframeResizer.min.js

<script>
jQuery(function($){
   $('#js_iframe').iFrameResize();
})
</script>

2.
Iframe, 需要進行如下設置, 寬度設置成百分比,  scrolling設成no .

eg. <iframe width="100%" height="240" src="xx/iframe.html" scrolling="no"></iframe>

3.iframe頁面: 引入jQuery.js 和 iframeResizer.contentWindow.js

另外, 兼容IE8+, 添加

<meta http-equiv="X-UA-Compatible" content="IE=edge" />