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>');

または、 jQueryUIDialogやTwitterBootstrapModalsなどの既存のモーダルプラグインの1つを使用します。これらを使用すると、既存のHTML要素のコンテンツに基づいてモーダルウィンドウを簡単に表示できます。例：

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

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