我可以使用 JS 在弹出窗口中显示 HTML 内容(不是文件)吗?
我正在尝试打开一个弹出窗口并在其中显示用户定义的 HTML。我正在尝试以下方法,但它不起作用。
window.showModalDialog("<p>Pop up window text</p>","resizable: yes");
有人可以建议我如何做到这一点吗?提前致谢。
我可以使用 JS 在弹出窗口中显示 HTML 内容(不是文件)吗?
我正在尝试打开一个弹出窗口并在其中显示用户定义的 HTML。我正在尝试以下方法,但它不起作用。
window.showModalDialog("<p>Pop up window text</p>","resizable: yes");
有人可以建议我如何做到这一点吗?提前致谢。
与 相反window.open()
,第一个 (URL) 参数showModalDialog()
是必需的。因此,您不能将 HTML 字符串传递给它。您可以使用window.open
:
var newWindow = window.open("", "newWindow", "resizable=yes");
newWindow.document.write('<p>Pop up window text</p>');
或者,使用现有的模态插件之一,例如jQuery UI Dialog或Twitter Bootstrap Modals。它们允许您根据现有 HTML 元素的内容轻松显示模式窗口,例如:
<div id="dialog">
<p>Pop up window text</p>
</div>
$('#dialog').modal(); // Twitter Bootstrap
$("#dialog").dialog({ resizable: true }); // jQuery UI