Dialog show() メソッド

HTML DOM Dialog オブジェクト

定義と使用法

show() メソッドを使用してダイアログを表示してください。

このメソッドがダイアログウィンドウの表示に使用される場合、ユーザーはページ上の他の要素と交互に行動できます。ダイアログ以外のものと交互に行動をさせたくない場合は、 showModal() メソッド。

ヒント：このメソッドは通常、 close() メソッド 一緒に使用してください。

参照してください：

HTML リファレンスマニュアル：HTML <dialog> タグ

例

ダイアログウィンドウの表示と閉じる：

var x = document.getElementById("myDialog"); 
function showDialog() { 
  x.show(); 
} 
function closeDialog() { 
  x.close(); 
}

実際に試してみる

構文

dialogObject.show()

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
37.0 サポートされていません サポートされていません 6.0 24.0

HTML DOM Dialog オブジェクト