2015-11-13 101 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中。 –

相關問題