ページ読み込み時に呼び出されるJavaScriptのクラスメソッドの例


  1. イベントリスナーを使用する方法:

    class MyClass {
    constructor() {
    // インスタンスの初期化処理
    }
    onPageLoad() {
    // ページ読み込み時に実行する処理
    }
    }
    const myInstance = new MyClass();
    window.addEventListener('load', () => {
    myInstance.onPageLoad();
    });
  2. windowオブジェクトのonloadプロパティを使用する方法:

    class MyClass {
    constructor() {
    // インスタンスの初期化処理
    window.onload = this.onPageLoad;
    }
    onPageLoad() {
    // ページ読み込み時に実行する処理
    }
    }
    const myInstance = new MyClass();
  3. jQueryを使用する方法:

    class MyClass {
    constructor() {
    // インスタンスの初期化処理
    $(document).ready(this.onPageLoad);
    }
    onPageLoad() {
    // ページ読み込み時に実行する処理
    }
    }
    const myInstance = new MyClass();

これらの例では、MyClassというクラスを定義し、onPageLoadというメソッドをページ読み込み時に呼び出します。各例では、異なる方法でページ読み込みイベントを取得しています。