如何使用html在对话框弹出窗口中添加iframe元素标记

时间:2017-01-01 09:37:57

标签: javascript jquery html css iframe

我想在弹出对话框中添加iframe。如何使用JavaScript在此对话框弹出窗口中添加它。

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

这是我要在弹出窗口中显示的Iframe标记。您可以在iframe中添加任何网站。在此先感谢您的帮助。

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

1 个答案:

答案 0 :(得分:1)

您无法在iFrame中显示google.com。原因是Google发送了一个&#34; X-Frame-Options:SAMEORIGIN&#34;响应标题。此选项可防止浏览器显示未与父页面位于同一域中的iFrame。这是一种防止点击操作的安全功能。详情请见How to show google.com in an iframe?

在下面第一条评论后编辑: 我假设你想在&#34; New Dialog&#34;中添加iframe。单击按钮。你能尝试这样做吗?

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

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