Méthode de mise en œuvre de l'interface de partage de données JavaScript iframe_compétences javascript

La transmission de données entre une iframe et une fenêtre parent ou une fenêtre enfant est une question gênante. Il serait très pratique si nous pouvions écrire une interface unique. Voici une brève introduction sur la façon de l'implémenter. fonction. Le principe est de mettre en cache les données dès le window.top, de sorte que peu importe la façon dont le niveau de la fenêtre enfant et de la fenêtre parent change, les données existeront toujours et ne changeront pas.

Le code est le suivant :

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'); 

Le code ci-dessus répond à nos exigences. Le code est relativement simple. Vous pouvez l'analyser vous-même. Si vous avez des questions, vous pouvez laisser un message.

Savez-vous comment transférer des valeurs entre Iframes en JS ? Permettez-moi de vous donner une brève introduction ci-dessous.

1. Récupérez les éléments de la page parent dans la sous-page iframe :

a>window.parent.document consiste à récupérer l'objet dans le document de la page parent
b> Si vous souhaitez obtenir la méthode dans la page parent js : window.parent.xxxx(); xxxx() est la méthode ;

2. Récupérez les éléments de la sous-page iframe de la page parent :

a>
var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame id est l'identifiant de l'iframe de la page parent
child.document; //Récupère l'objet document dans la page enfant