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

liteyou · 2017-04-26T07:53:41Z

page_a.js ： document.write(' ') 其他页面跨域调用 page_a.js ：显示不出来iframe里的内容，是哪里有问题？

This topic created in 3396 days ago, the information mentioned may be changed or developed.

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里的内容，是哪里有问题？

15 replies • 2017-04-26 23:21:52 +08:00

msg7086

Apr 26, 2017

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

liteyou

Apr 26, 2017 via Android

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

POPOEVER

Apr 26, 2017

Iframe 大写 I ？

lianyue

Apr 26, 2017

page_a.js ：

你直接在 js 里面写 html ？

msg7086

Apr 26, 2017

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

POPOEVER

Apr 26, 2017

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

geelaw

Apr 26, 2017

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

geelaw

Apr 26, 2017

@POPOEVER document.write 可以写 HTML

liteyou

Apr 26, 2017

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

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

geelaw

Apr 26, 2017

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

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

liteyou

Apr 26, 2017

@lianyue
@msg7086

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

nfroot

Apr 26, 2017

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

geelaw

Apr 26, 2017 via iPhone

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

POPOEVER

Apr 26, 2017

@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

Apr 26, 2017 via Android

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