iframe跨域

今天用iframe框架将子页面内嵌到主页面，子页内容不能完全显示在主页面（也就是说不能实现高度自适应）试了多次之后仍提示如图所示的的问题（跨域）：

**解决办法**如下：
用VS Code下载live server 安装
在主页面写

<script>
function reinitIframe() { 
    var iframe = document.getElementById("iframe");
    var bHeight = iframe.contentWindow.document.body.scrollHeight; 
    /* 
    var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
    var height = Math.max(bHeight, dHeight); 
    iframe.height = height; */ 
    iframe.height = bHeight; 
}
</script>


然后再用onload调用reinitIframe（）这个函数
<div class="page-content">
            <iframe name="iframe" id="iframe" src="stuindex.html" frameborder="0" align="left" width="100%" height="100%" scrolling="no" onload="reinitIframe()"></iframe>
</div>

然后右键 点击open with live server

就ok了

只能用于测试，至于其他的目前还不知道。