如何在使用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/