jQueryの親ページメソッド

jQuery は、Web 開発で広く使用されている非常に人気のある JavaScript ライブラリです。開発プロセスでは、親ページで子ページのメソッドを呼び出したり、子ページで親ページのメソッドを呼び出したりする必要が生じることがよくあります。この記事では、これらの機能を jQuery で実装する方法を検討します。

1. 親ページのメソッドを子ページで呼び出す

親ページのメソッドを子ページで呼び出すには、親オブジェクトを使用する必要があります。親オブジェクトは、現在のウィンドウを含む親ウィンドウを指します。 jQuery では、parent.$() を使用して親ウィンドウで jQuery オブジェクトを取得し、親ウィンドウでメソッドを呼び出すことができます。

たとえば、showMessage という名前のメソッドが親ページで定義されているとします。

function showMessage(){
    alert('Hello World!');
}

このメソッドを子ページで呼び出すにはどうすればよいですか?コードは次のとおりです。

parent.$().showMessage();

ここでのparent.$()は、親ウィンドウでjQueryオブジェクトを取得し、親ウィンドウでshowMessageメソッドを呼び出します。親ページのメソッドがパラメータを受け取る必要がある場合、呼び出し時に対応するパラメータも渡す必要があることに注意してください。

2. 親ページのサブページのメソッドを呼び出す

親ページのサブページのメソッドを呼び出すには、iframe オブジェクトを使用する必要があります。 iframe オブジェクトは、現在のページに含まれるサブページを指します。 jQuery では、$('iframe') を使用して子ウィンドウで jQuery オブジェクトを取得し、子ウィンドウでメソッドを呼び出すことができます。

たとえば、showMessage という名前のメソッドが子ページで定義されているとします。

function showMessage(){
    alert('Hello World!');
}

親ページでこのメソッドを呼び出すにはどうすればよいですか?コードは次のとおりです。

$('iframe')[0].contentWindow.showMessage();

$('iframe') は、サブウィンドウ内の jQuery オブジェクトを取得し、[0] までの最初の iframe 要素を取得してから、サブウィンドウのウィンドウを取得します。 -window を contentWindow オブジェクトを通じて呼び出し、最後にウィンドウで showMessage メソッドを呼び出します。サブページ内のメソッドがパラメータを受け取る必要がある場合、呼び出し時に対応するパラメータも渡す必要があることに注意してください。

上記のメソッドの使用に加えて、postMessage API を使用して親ページと子ページ間の通信を実装することもできますが、これは別のトピックであるため、ここでは説明しません。

まとめ

以上はjQueryで親ページが子ページを呼び出す、または子ページが親ページを呼び出すメソッドを実装する方法です。ドメイン、プロトコル、またはポートを越えてアクセスする場合、いくつかの制限があり、それに応じた設定を行う必要があることに注意してください。同時に、コードの保守性と可読性を確保するために、コードを記述するときに各メソッドに意味のある名前を付け、匿名関数の使用をできるだけ避けることをお勧めします。

以上がjQueryの親ページメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。