JavaScript iframe データ共有インターフェイスの実装メソッド_JavaScript スキル

iframe と親ウィンドウまたは子ウィンドウの間でデータを送信するのは面倒です。一度だけのインターフェイスを作成できれば非常に便利です。これを実装する方法を簡単に紹介します。関数。原理は、データを window.top の時点でキャッシュすることです。これにより、子ウィンドウと親ウィンドウのレベルがどのように変化しても、データは常に存在し、変更されません。

コードは次のとおりです:

var share={ 
data:function(name,value){ 
var top=window.top, 
cache=top['_CACHE']||{}; 
top['_CACHE']=cache; 
return value?cache[name]=value:cache[name]; 
}, 
removeData:function(name){ 
var cache=window.top['_CACHE']; 
if(cache&&cache[name]) 
{ 
delete cache[name]; 
} 
} 
}; 
share.data('mayi','http://www.jb51.net'); 

上記のコードは比較的単純です。ご不明な点がございましたら、メッセージを残してください。

JS で Iframe 間で値を転送する方法をご存知ですか?以下に簡単に紹介させていただきます。

1. iframe サブページ内の親ページの要素を取得します。

a>window.parent.document は、親ページのドキュメント内のオブジェクトを取得します。
b> 親ページ js のメソッドを取得する場合: window.parent.xxxx(); は

2. 親ページの iframe サブページの要素を取得します:
a>
var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame id は親ページの ID です iframe
child.document; // 子ページのドキュメントオブジェクトを取得します。