javascript - 如何使用 window.showModalDialog() 显示 HTML 内容

Question

我可以使用 JS 在弹出窗口中显示 HTML 内容（不是文件）吗？

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

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

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

Answer 1

与 相反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