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

Javascript 如何使用window.showModalDialog()显示HTML内容,javascript,html,popup,Javascript,Html,Popup,我是否能够使用JS在弹出窗口中显示HTML内容(而不是文件) 我试图打开一个弹出窗口,并在其中显示一个用户定义的HTML。我正在尝试下面的方法,但不起作用 window.showModalDialog("<p>Pop up window text</p>","resizable: yes"); window.showModalDialog(弹出窗口文本,,“可调整大小:是”); 有人能建议我怎么做吗?提前感谢。与window.open()相反,的第一个(URL)参数是

我是否能够使用JS在弹出窗口中显示HTML内容(而不是文件)

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

window.showModalDialog("<p>Pop up window text</p>","resizable: yes");
window.showModalDialog(弹出窗口文本,,“可调整大小:是”);

有人能建议我怎么做吗?提前感谢。

window.open()
相反,的第一个(URL)参数是必需的。因此,不能向其传递HTML字符串。您可以使用
窗口。打开

var newWindow = window.open("", "newWindow", "resizable=yes");
newWindow.document.write('<p>Pop up window text</p>');
var newWindow=window.open(“,“newWindow”,“resizable=yes”);
newWindow.document.write(“弹出窗口文本”);
或者,使用一个现有的模式插件,例如或。它们允许您根据现有HTML元素的内容轻松显示模式窗口,例如:

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

$('#dialog').modal(); // Twitter Bootstrap
$("#dialog").dialog({ resizable: true }); // jQuery UI

弹出窗口文本

$('#dialog').modal();//推特引导 $(“#dialog”).dialog({可调整大小:true});//jQuery用户界面