見出し画像

【JavaScript】onloadイベント

関野泰宏

DOMを扱うのであれば、「onloadイベント」を利用するのがベストな選択肢になります。

window.onloadについて

一般的には関数「window.onload」の形で記述します。

window.onload = function() {
    // 実行したい処理を書く
}

onloadはすべてのDOMツリー構造及び関連リソースが読み込まれたあとにJavaScriptが実行されるようになります。

onloadの記述方法

「onloadイベント」を利用することで全てのHTML読み込んだあとにonloadが読み込まれ、正常に動作します。

<html>
<head>
    <title>onloadが正常に読み込まれる</title>
</head>
<script>
    window.onload = function() {
        var memo = document.getElementById('message');

        message.textContent = 'エラーにはなりません';
    }
</script>
</head>
<body>
    <p id="message"></p>
</body>
<html>

サンプルプログラム


もっとJavaScriptを学びたい人は！こちらの本がおすすめです

#JavaScript #JavaScript初心者 #JavaScript学習 #プログラミング #プログラミング学習 #プログラミング初心者

この記事が気に入ったらサポートをしてみませんか？