如何在使用html的對話框彈出窗口中添加iframe元素標記

Question

我想在彈出對話框中添加iframe。如何使用JavaScript在此對話框彈出窗口中添加它。

Here is the dialog pop其中我想要使用iframe。

這是我想在彈出窗口內顯示的Iframe標記。您可以在iframe中添加任何網站。在此先感謝您的幫助。

<iframe src="http://www.w3schools.com"></iframe> 

Answer 1

您無法在iFrame中顯示google.com。原因是Google發送了「X-Frame-Options：SAMEORIGIN」響應標題。此選項可防止瀏覽器顯示與父頁面不在同一域中的iFrame。這是防止點擊頂起的安全功能。下面的第一個評論後How to show google.com in an iframe?

編輯詳細信息： 我假設你想在單擊「新建對話框」按鈕時加載對話框中的iframe。你可以嘗試這樣做：

last=$(<div/>").dialog(dialogOptions).dialogExtend(dialogExtendOptions).load("https://www.html5rocks.com/en/tutorials/cors/"); 

更新小提琴：https://jsfiddle.net/rwk1Ljcy/1/