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 하위 페이지에서 요소를 가져옵니다.

에>
var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame id는 상위 페이지 iframe의 ID입니다
child.document; //하위 페이지에서 문서 객체를 가져옵니다.