2015-11-13 125 views
0

我只想通过使用iframe在网页中显示一个网页。我已经尝试下面只是一个简单的代码:html iframe什么也没有显示

<iframe src="http://edition.cnn.com/" id="i_frame"></iframe> 

JSFIDDLE

但没有显示出来?任何想法为什么?

回答

2

如果你看看你的浏览器控制台,你会发现它被阻止,因为小提琴在https和iframe在http协议。

如果您在http协议上加载小提琴,它工作正常。

Working demo

更多信息,浏览器

+0

这在JSFIDDLE中。但在我的本地机器上,当我想显示“www.airasia.com”时,控制台中显示此错误:拒绝显示'airasia.com/my/en/home.page?cid=1';因为它将'X-Frame-Options'设置为'SAMEORIGIN'。任何想法如何解决它? – Coolguy

+1

如果您加载的页面设置了帧打击标头,则无法对其执行任何操作。这是他们的目标,不让你加载他们的网页到你的网站。这也很容易研究 – charlietfl

1

阅读了关于Mixed Content Security你检查的Javascript控制台? enter image description here

因此,浏览器会阻止它,因为您正在HTTPS站点中加载HTTP站点。

+0

这在JSFIDDLE中。但在我的本地机器上,当我想显示“www.airasia.com”时,控制台中显示此错误:拒绝显示'airasia.com/my/en/home.page?cid=1';因为它将'X-Frame-Options'设置为'SAMEORIGIN'。任何想法如何解决它? – Coolguy

+0

在未来,你应该让你的问题符合真正的问题...... – epascarello

+0

@Coolguy这是cnn.com使用的安全功能,所以没有人可以在iframe中使用它。在我看来,它不容易/直接地将它放在iframe中。 –

相关问题