jquery를 사용하여 iFrame 상위 페이지에 액세스하는 방법은 무엇입니까?
iframe이 있고 부모 요소에 액세스하기 위해 다음 코드를 구현했습니다.
window.parent.document.getElementById('parentPrice').innerHTML
jquery를 사용하여 동일한 결과를 얻는 방법?
업데이트 : 또는 jquery를 사용하여 iFrame 상위 페이지에 액세스하는 방법은 무엇입니까?
iFrame의 부모에서 찾으려면 다음을 사용하십시오.
$('#parentPrice', window.parent.document).html();
$ () 랩퍼의 두 번째 매개 변수는 검색 할 컨텍스트입니다. 기본적으로 문서입니다.
jquery를 사용하여 iFrame 상위 페이지에 액세스하는 방법
window.parent.document.
jQuery는 JavaScript를 대체하는 라이브러리가 아닌 JavaScript 위에있는 라이브러리입니다. 모든 마지막 JavaScript 표현식을 $와 관련된 것으로 바꿀 필요는 없습니다.
상위 문서에서 jQuery 인스턴스를 찾아야하는 경우 (예 : 플러그인이 제공하는 유틸리티 함수 호출) 다음 구문 중 하나를 사용하십시오.
window.parent.$
window.parent.jQuery
예:
window.parent.$.modal.close();
jQuery가 window
객체에 연결되고 이것이 window.parent
바로 그 것 입니다.
다음 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");
부모 창에서 :
<script>
function ifDoneChildFrame(val)
{
$('#parentPrice').html(val);
}
</script>
그리고 iframe src 파일에 넣으십시오 :
<script>window.parent.ifDoneChildFrame('Your value here');</script>
네, 저에게도 효과가 있습니다.
참고 : window.parent.document를 사용해야합니다.
$("button", window.parent.document).click(function()
{
alert("Functionality defined by def");
});
약간의 왜곡으로 나를 위해 일하고 있습니다. 필자의 경우 POPUP JS에서 PARENT WINDOW 양식으로 값을 채워야합니다.
그래서 나는 $('#ee_id',window.opener.document).val(eeID);
우수한!!!
여기 게임에 약간 늦을 수도 있지만 방금이 환상적인 jQuery 플러그인 https://github.com/mkdynamic/jquery-popupwindow를 발견했습니다 . 기본적으로 onUnload 콜백 이벤트를 사용하므로 기본적으로 자식 창 닫기를 수신하고 그 시점에서 필요한 작업을 수행합니다. 따라서 자식 창에 JS를 작성하여 부모에게 다시 전달할 필요가 없습니다.
여러 가지 방법이 있습니다.
I) 주 부모님을 직접 찾으십시오.
엑사 내 자식 페이지를 iframe으로 바꾸고 싶습니다.
var link = '<%=Page.ResolveUrl("~/Home/SubscribeReport")%>';
top.location.replace(link);
여기 top.location 은 부모를 직접 가져 옵니다 .
II) 부모를 하나씩 구하십시오.
var element = $('.iframe:visible', window.parent.document);
여기에 하나 이상의 iframe이있는 경우 활성 또는 표시되는 iframe을 지정하십시오.
부모님을 더 얻기 위해 이런 식으로 할 수도 있습니다.
var masterParent = element.parent().parent().parent()
III) 식별자로 부모를 얻는다.
var myWindow = window.top.$("#Identifier")
참고 URL : https://stackoverflow.com/questions/726816/how-to-access-iframe-parent-page-using-jquery
'Programing' 카테고리의 다른 글
Lambda / Linq를 사용하여 객체에 대한 목록 정렬 (0) | 2020.03.30 |
---|---|
PowerShell 2.0으로 전체 디렉토리를 재귀 적으로 삭제하는 방법은 무엇입니까? (0) | 2020.03.30 |
if와 foreach에서 벗어나 다 (0) | 2020.03.30 |
SSH 비밀번호를 확인 / 확인 / 테스트 / 확인하는 방법은 무엇입니까? (0) | 2020.03.30 |
jQuery는 먼저 제외하고 모두 선택 (0) | 2020.03.30 |