自動で開いてくれるダイアログ

Question

実現したいこと

自動で開いてくれるダイアログを使用したい

通常ダイアログを常時する際はHTMLでボタンを押して
それをjavascriptで判定して表示すると思うのですが、
ボタンを押す処理をなくして、ページ表示時に
すぐに表示されるようなダイアログを使用したいです。

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[miyabi_pudding]

まず自分で調査した、やってみたことなどを記載してください。
やってみたこと、に関しては、自身でまずやってみた、というソースコードを記載してください。

Answer 1

スクリプトで、window.addEventListener('load', DOpen) とかして、DOpen 処理でダイアログを表示させるのはだめなんですか？
ダイアログは何を使いたいのかしりませんが。
HEAD要素内でOK、

<SCRIPT>
window.addEventListener('load', DOpen);
function DOpen(){
  //ダイアログを表示する処理。
}
</SCRIPT>

Comments

[mirukikki]

ありがとうございました！！！！

Answer 2

jsは利用してよいのですよね？

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('dialog').showModal()
});
</script>
<dialog>
test
</dialog>

もしjsも使いたくないとなるとdialogにopen属性をつけて呼び出します

<dialog open>
test
</dialog>

しかし、これではモーダル状にならないのであまりおすすめできません。
クローズもできないですしね

Comments

[tetuya630213]

DOMContentLoaded は mdn「文書が完全に読み込まれて解析されたとき発行されます。スタイルシート、画像、サブ フレームの読み込みが完了するのを待ちません。」とあるから、注意が必要かも。どの程度読み込んだものを解釈しているのかわからない。

[yambejp]

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

[tetuya630213]

「個人的には遅延を待つのは得策ではないとおもうので」って勝手に決められても困ると思いますけど。
当人がそれでいいなら構いませんが。