イベントなしでHTML内でJavaScript関数を呼び出す方法


<script>
 functionName();
</script>

上記の例では、functionNameは呼び出したいJavaScript関数の名前です。この方法では、HTMLが読み込まれると同時に関数が呼び出されます。

  • window.onloadイベントを使用する方法: window.onloadイベントは、HTMLページの読み込みが完了した後に実行されるJavaScriptコードを定義するために使用できます。以下は例です。

    <script>
     window.onload = function() {
       functionName();
     };
    </script>

    上記の例では、functionNameは呼び出したいJavaScript関数の名前です。この方法では、ページの読み込みが完了した後に関数が呼び出されます。

  • 自己実行関数を使用する方法: 自己実行関数(Immediately Invoked Function Expression、IIFE)を使用すると、関数を定義した後に即座に呼び出すことができます。以下は例です。

    <script>
     (function() {
       functionName();
     })();
    </script>

    上記の例では、functionNameは呼び出したいJavaScript関数の名前です。この方法では、関数が定義されると同時に即座に呼び出されます。

  • これらはイベントなしでHTML内でJavaScript関数を呼び出すいくつかの一般的な方法です。どの方法を選択するかは、使用するコンテキストや要件によって異なります。必要に応じて、適切な方法を選んでください。