iframe跨域js访问及高度自适应

案例说明:将www.u0759.com的页面用iframe嵌入到food.u0759.com的中,如何在iframe调用父窗口弹出登录,父窗口iframe高度自适应。(环境为本机)

第一步:若是本地测试先在c:\windows\Syste32\drivers\ect\hosts  文件中配置  127.0.0.1  food.u0759.com。

第二步:在嵌入页面中加入

<script type="text/javascript">
     try {
          var b_height = Math.max(document.documentElement.scrollHeight,document.body.scrollHeight);            window.parent.autoHeight(b_height); // window.parent.父窗口方法

    }catch (ex){}
</script>

第三步:在父窗口和被嵌入iframe内部分别加上js语句:document.domain="u0759.com";

上述中 autoHeight() 方法为父窗口中的方法,主要通过此方法给iframe 设置高度

        //iframe高度自适应
        function autoHeight(height){
           document.getElementById("frame_content").height = height; // frame_content 为iframe ID
        }

你可能感兴趣的:(高度自适应,Iframe跨域)