HTMLの表示直後にJavaScriptを実行したい場合のサンプルです。
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body>
<button id="myButton" type="button">クリック</button>
<script src="script/myscript.js" charaset ="utf-8"></script>
</body>
</html>
myscript.js
/* script/myscript.js */
/* ページ読み込み後の処理 */
document.addEventListener('readystatechange', (event) => {
if (document.readyState == 'complete') {
// ここに処理を書く
alert(`ページの読み込み完了。\nreadystate: ${document.readyState}`);
}
});
/* ボタンをクリックしたときの処理 */
document.querySelector('#myButton').addEventListener('click', () => {
alert('クリックした。');
});
タグ：JavaScript
