iframe自适应高度的问题

Question

代码如下：

<section class="inner-center clearfix">

<aside class="aside-left">
    <ul>
        <li class="act">我的课程</li>
        <li><a data-class="collect">我的收藏</a></li>
        <li><a data-class="buyClass">购买课程</a></li>
    </ul>
</aside>
<main class="main"> 
    <iframe name="myiframe" id="myiframe" src="class.html" frameborder="0"  width="100%" height="100%" scrolling="no"  allowtransparency="yes" onload="setIframeHeight(this)"></iframe></main></section>

<script>
function (iframe) {
    var iframeWin = iframe.contentWindow ||         iframe.contentDocument.parentWindow;
    if (iframeWin.document.body) {
            iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
        }
    }
</script>

报错内容如下：

问题：
写过这个js函数后，火狐兼容，但是谷歌和搜狗都不兼容，请问是怎么回事？该怎么解决？

Answer 1

浏览器的限制
不要通过本地file://形式打开,把页面放到服务器上报错就没了,windows用户的话可以通过iis本地调试