3

我可以使用 JS 在弹出窗口中显示 HTML 内容(不是文件)吗?

我正在尝试打开一个弹出窗口并在其中显示用户定义的 HTML。我正在尝试以下方法,但它不起作用。

window.showModalDialog("<p>Pop up window text</p>","resizable: yes");

有人可以建议我如何做到这一点吗?提前致谢。

4

1 回答 1

5

与 相反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 DialogTwitter Bootstrap Modals。它们允许您根据现有 HTML 元素的内容轻松显示模式窗口,例如:

<div id="dialog">
  <p>Pop up window text</p>
</div>

$('#dialog').modal(); // Twitter Bootstrap
$("#dialog").dialog({ resizable: true }); // jQuery UI
于 2012-08-20T10:53:10.940 回答