嵌套的iframe无法加载

时间:2016-05-02 15:09:25

标签: javascript html iframe

在html文档中,我在正文中添加iframe(没有CORS,例如相同的网址)。
在附加的iframe中,我尝试做同样的事情:
嵌套的iframe元素已成功附加到父iframe正文,但内容不会加载。
关于这个问题的信息,我用Google搜索没有成功 我做了plunk只是简单地表明了它 谁能告诉我问题出在哪里?

1 个答案:

答案 0 :(得分:1)

你的代码正在做你期望的事情, 请尝试检查您的页面DOM, 当您按下按钮时,子父iframe会添加到您的父iframe中。

BUT:

浏览器不会在iframe中使用相同的SRC显示iframe,这是因为加载的iframe具有相同的源, 其他工作正常,因为每次附加查询字符串时都会更改网址

document.querySelector('button')
.addEventListener('click',function(){
  var d = new Date();
  var n = d.getTime();
  var iframe = document.createElement('iframe');
  iframe.setAttribute('src', location.href + "?" + n );
  iframe.style.width = '100%';
  iframe.style.height = '800px';
  document.body.appendChild(iframe);
})