まず自分で調査した、やってみたことなどを記載してください。
やってみたこと、に関しては、自身でまずやってみた、というソースコードを記載してください。
実現したいこと
自動で開いてくれるダイアログを使用したい
通常ダイアログを常時する際はHTMLでボタンを押して
それをjavascriptで判定して表示すると思うのですが、
ボタンを押す処理をなくして、ページ表示時に
すぐに表示されるようなダイアログを使用したいです。
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
2022/12/01 23:37こちらの質問が複数のユーザーから「やってほしいことだけを記載した丸投げの質問」という指摘を受けました。
回答2件
1
スクリプトで、window.addEventListener('load', DOpen) とかして、DOpen 処理でダイアログを表示させるのはだめなんですか？
ダイアログは何を使いたいのかしりませんが。
HEAD要素内でOK、
<SCRIPT> window.addEventListener('load', DOpen); function DOpen(){ //ダイアログを表示する処理。 } </SCRIPT>
投稿2022/12/01 11:20
総合スコア4
回答へのコメント
ありがとうございました！！！！
0
ベストアンサー
jsは利用してよいのですよね？
javascript
1<script> 2window.addEventListener('DOMContentLoaded', ()=>{ 3 document.querySelector('dialog').showModal() 4}); 5</script> 6<dialog> 7test 8</dialog>
もしjsも使いたくないとなるとdialogにopen属性をつけて呼び出します
HTML
1<dialog open> 2test 3</dialog>
しかし、これではモーダル状にならないのであまりおすすめできません。
クローズもできないですしね
投稿2022/12/02 00:08
総合スコア108937
回答へのコメント
DOMContentLoaded は mdn「文書が完全に読み込まれて解析されたとき発行されます。スタイルシート、画像、サブ フレームの読み込みが完了するのを待ちません。」とあるから、注意が必要かも。どの程度読み込んだものを解釈しているのかわからない。
TO：tetuya630213さん
処理順については以下(1)～(8)の順で処理がされます。
表示負荷が高い場合(4)までが優先的に処理されて(8)が先に表示されることもあります
個人的には遅延を待つのは得策ではないとおもうのでloadでの処理はおすすめしません
setTimeout(()=>console.log(8));
console.log(1);
window.addEventListener('pageshow', e=>{
console.log(7);
});
window.addEventListener('load', e=>{
console.log(6);
});
document.addEventListener('readystatechange', e=>{
if(e.target.readyState=="complete") console.log(5);
});
window.addEventListener('DOMContentLoaded', e=>{
console.log(4);
});
document.addEventListener('DOMContentLoaded', e=>{
console.log(3);
});
console.log(2);
「個人的には遅延を待つのは得策ではないとおもうので」って勝手に決められても困ると思いますけど。
当人がそれでいいなら構いませんが。
