简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 怎么解决iframe自适应？
怪我咯
怪我咯 2017-04-11 12:42:45
0
2
323

我在一页面设置一iframe，想让iframe的高度能够根据src源的页面的高度而自适应，我用contentDocument来获得iframe的document，可是当我的页面的域和iframe不同时谷歌他会报安全错误，而无法正确的获取到iframe的document，应该如何解决这个问题；
例如下面的例子样：
我的父页面在http://hij.kmn.net:8088/demo....

    Document

就会报错：
Uncaught SecurityError: Blocked a frame with origin "http://hij.kmn.net:8088/" from accessing a frame with origin "http://abc.efg.net:8088/". Protocols, domains, and ports must match.
这种情况该怎样解决，如同一域下面是可以正常的！就是不同域下有什么方法解决这个问题没？

怪我咯
怪我咯

走同样的路，发现不同的人生

全部回覆 (2)
Ty80
Ty802017-04-11 12:44:45 2樓

用postMessage可实现iframe跨域的通信

外部窗口

    Document 

  
index.html

iframe

    Document 

  
child.html

不过，考虑许多跨域的安全问题，光这样还不够的，你还需要做一些安全检查，具体百度postMessage吧。

點贊+0
新增回覆
    黄舟
    黄舟2017-04-11 12:44:45 1樓

    https://segmentfault.com/q/10...

    點贊+0
    新增回覆
      熱門專題
      更多>
      熱門文章
      熱門教學
      更多>
      相關教學
      熱門推薦
      最新課程
      最新下載
      更多>
      網站特效
      網站源碼
      網站素材
      前端模板
      關於我們 免責聲明 Sitemap
      PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！