为了账号安全,请及时绑定邮箱和手机立即绑定

怎么解决iframe自适应?

怎么解决iframe自适应?

弑天下 2018-09-13 14:09:47
我在一页面设置一iframe,想让iframe的高度能够根据src源的页面的高度而自适应,我用contentDocument来获得iframe的document,可是当我的页面的域和iframe不同时谷歌他会报安全错误,而无法正确的获取到iframe的document,应该如何解决这个问题;例如下面的例子样:我的父页面在http://hij.kmn.net:8088/demo....<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title></head><body>    <iframe src="http://abc.efg.net:8088/" frameborder="0" id="iframepage" onLoad=iFrameHeight()></iframe></body> <script type="text/javascript">  function iFrameHeight() {  var ifm= document.getElementById("iframepage");   var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;    console.log(ifm,subWeb)if(ifm != null && subWeb != null) {   ifm.height = subWeb.body.scrollHeight;   ifm.width = subWeb.body.scrollWidth;}   }  ;</script></html>就会报错: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.这种情况该怎样解决,如同一域下面是可以正常的!就是不同域下有什么方法解决这个问题没?
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 592 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信