把一个页面用 iframe 给另外一个页面通过 js 跨域调用，怎么显示不出来？

[liteyou]

page_a.js ：

<div id="id_1">
    <script type="text/javascript">
            document.write('<Iframe src="page_a_url" width="600" height="400" scrolling="Yes" frameborder="0" name="page_a"></iframe>')
    </script>
</div>

其他页面跨域调用 page_a.js ：

<div id="id_2">
    <script src=".../page_a.js"></script>
</div>

显示不出来iframe里的内容，是哪里有问题？

[msg7086]

你有打开浏览器的控制台检查过错误信息么？

[liteyou]

@msg7086 看了，没提示错误，就是引用的 iframe 区域空白一片。看起来，是 page_a 根本没有引用进来

[POPOEVER]

Iframe 大写 I ？

[lianyue]

page_a.js ：

你直接在 js 里面写 html ？

[msg7086]

@lianyue 才反应过来……突然笑死

[POPOEVER]

document.write 写出来的是字符串，不是 dom 元素，你得写 innerHTML 进去

[geelaw]

@POPOEVER HTML 标签名是大小写不敏感的，并且 canonical 的 tagName 是 IFRAME

[geelaw]

@POPOEVER document.write 可以写 HTML

[liteyou]

@POPOEVER Iframe 的 I 大写是个笔误了=_=!! 改了小写也没效果。还是现实空白：

element.style {
}
user agent stylesheet
script {
display: none;
}

[geelaw]

另外 script 元素应该设定 type=application/javascript 或者 text/javascript 。

而且楼主还是没有发现自己的 JavaScript 代码文件根本不是 JavaScript 代码么？

[liteyou]

@lianyue
@msg7086

直接引用这段框架 <Iframe src="page_a_url" width="600" height="400" scrolling="Yes" frameborder="0" name="page_a"></iframe>，可以显示。用 document.write()之后，还要转换成(obj).html()吗？

[nfroot]

@geelaw 指导了一堆 你却把 js 文件里的其他内容忽略了？

[geelaw]

@nfroot 实际上我连这个哪里跨域都没看见

[POPOEVER]

@geelaw 嗯，你是对的，是我想当然了
@liteyou 上面几位讲的问题修了么？你的 page_a.js 里有 html 代码，应该只有一句话
document.write('<Iframe src="page_a_url" width="600" height="400" scrolling="Yes" frameborder="0" name="page_a"></iframe>');

[liteyou]

@POPOEVER 下午修过了，还是谢谢你😊