JavaScript のダイアログの使い方

ダイアログオープンAPIは、ユーザーとやり取りしたり、情報を表示したりするダイアログを開きます。モーダルダイアログを簡単に表示し、ユーザーの注意を引き付けることができます。

Dialogの使用法には一般的に、以下の手順が含まれます。

1. dialog要素を作成してください。

let dialog = document.createElement('dialog');

1. ダイアログのコンテンツを設定する：

dialog.innerHTML = '这是对话框的内容';

1. ダイアログを開く：

dialog.showModal();

1. ダイアログの閉じ方を処理します。

dialog.addEventListener('close', function(e) {
// 处理对话框关闭后的逻辑
});

1. ダイアログを閉じる

dialog.close();

基本的な使用方法以外にも、ボタンや入力欄などの要素を追加してユーザーと対話したり、ダイアログを閉じるときにユーザーが入力した値を取得したりできます。さらに、CSS を使用してダイアログのスタイルをカスタマイズできます。

ただし、dialog要素はHTML5の一部であり、すべてのブラウザがそれをサポートしているわけではありません。そのため、dialogを使用する前に、ブラウザの互換性を確認することをおすすめします。