[Javascript] jQuery를 사용하여 iFrame 상위 페이지에 액세스하는 방법?



Answers

jQuery를 사용하여 iFrame 상위 페이지에 액세스하는 방법

window.parent.document.

jQuery는 자바 스크립트를 기반으로 한 라이브러리로 전체를 대체하지는 않습니다. 마지막 JavaScript 표현식을 $와 관련된 것으로 대체 할 필요는 없습니다.

Question

iframe이 있고 부모 요소에 액세스하기 위해 다음 코드를 구현했습니다.

window.parent.document.getElementById('parentPrice').innerHTML

jquery를 사용하여 동일한 결과를 얻는 방법?
업데이트 : 또는 jQuery를 사용하여 iFrame 상위 페이지에 액세스하는 방법?




다음과 같이 window.parent 를 사용하여 iframe 내에서 부모 창 요소에 액세스 할 수 있습니다.

// using jquery    
window.parent.$("#element_id");

다음과 같은 :

// pure javascript
window.parent.document.getElementById("element_id");

중첩 된 iframe이 두 개 이상 있고 최상위 iframe에 액세스하려는 경우 다음과 같이 window.top 을 사용할 수 있습니다.

// using jquery
window.top.$("#element_id");

다음과 같은 :

// pure javascript
window.top.document.getElementById("element_id");



게임에 조금 늦을 지 모르지만,이 환상적인 jQuery 플러그인 https://github.com/mkdynamic/jquery-popupwindow 발견했습니다. 기본적으로 onUnload 콜백 이벤트를 사용하므로 기본적으로 하위 창의 닫기를 수신하고 그 시점에서 필요한 모든 작업을 수행합니다. 자식 창에 JS를 써서 부모에게 다시 전달할 필요가 없습니다.




작은 트위스트로 나를 위해 일하고있어. 필자의 경우에는 POPUP JS에서 PARENT WINDOW 형식으로 값을 채워야합니다.

그래서 $('#ee_id',window.opener.document).val(eeID);

우수한!!!




Links