ホームページ  >  記事  >  ウェブフロントエンド  >  iframe_javascriptスキルの親ウィンドウと子ウィンドウ間で相互に呼び出しを行うオブジェクトの基本的な使い方

iframe_javascriptスキルの親ウィンドウと子ウィンドウ間で相互に呼び出しを行うオブジェクトの基本的な使い方

WBOY
WBOYオリジナル
2016-05-16 17:23:431154ブラウズ

iframe を使用する場合、親ウィンドウと子ウィンドウの間で値を渡したり、メソッドを呼び出したりする必要があることがあります。以前は少し混乱していましたが、この 2 日間は作業する必要があり、理解できませんでした。すべてを理解する以外に選択肢はありません。これは実際には非常に簡単で、いくつかの使用方法と数行のコードを記述するだけです。

子ウィンドウで親ウィンドウの js メソッドを呼び出します:

コードをコピーします コードは次のとおりです

parent.changeBtnTitle('tzgg');

親ウィンドウには、同様の機能と動作を持つ複数の子ウィンドウが含まれる場合があります。同じまたは類似したオブジェクトの Or メソッドを呼び出し、そのようなメソッドを親ウィンドウに記述し、パラメーターを渡すことでさまざまな効果を実現します。

親ウィンドウは子ウィンドウ内のオブジェクトを取得します:

まず、子ウィンドウの iframe オブジェクトを取得します。例:
コードをコピー コードは次のとおりです:

var FrameName = window.frames["frameId"]

これで、サブウィンドウ値のドキュメントを取得すると、子ウィンドウでオブジェクトを呼び出すことができます。親ウィンドウで使用するときに繰り返しの書き込みを避けるために、次のメソッドを作成することもできます。
コードをコピー コードは次のとおりです。

getSubWindowObj = function(moduleName){
return window.frames["iframe" moduleName].document.getElementById("moreorless" moduleName)
}

ここでは、iframeId とサブウィンドウのオブジェクト ID に規則的に名前が付けられているため、パラメーターを渡して結合するだけで済みます。

同様に、子ページが親ページの要素を呼び出す場合、次のコードを使用できます:
コードをコピー コードは次のとおりです:

parent.window.document.getElementById('parentMenu');
//略語
parent.document.getElementById('parentMenu') );
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。