programing

jquery를 사용하여 iFrame 부모 페이지에 액세스하는 방법

bestcode 2022. 11. 6. 10:33
반응형

jquery를 사용하여 iFrame 부모 페이지에 액세스하는 방법

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

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

jquery를 사용하여 동일한 결과를 얻는 방법은 무엇입니까?
업데이트: 또는 jquery를 사용하여 iFrame 부모 페이지에 액세스하는 방법은 무엇입니까?

iFrame 부모에서 찾으려면 다음을 사용합니다.

$('#parentPrice', window.parent.document).html();

$() 래퍼의 두 번째 파라미터는 검색하는 컨텍스트입니다.기본값은 document 입니다.

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

window.parent.parent.syslog 를 선택합니다.

jQuery는 JavaScript 위에 있는 라이브러리로 완전한 대체가 아닙니다.마지막 JavaScript 식을 $와 관련된 것으로 바꿀 필요는 없습니다.

상위 문서에서 jQuery 인스턴스를 찾아야 하는 경우(예: 플러그인이 제공하는 유틸리티 함수를 호출하는 경우) 다음 구문 중 하나를 사용합니다.

  • window.parent.$
  • window.parent.jQuery

예:

window.parent.$.modal.close();

jQuery는 에 접속됩니다.window반대하면 바로 그것이다window.parent이에요.

다음과 같이 iframe 내에서 부모 창의 요소에 액세스할 수 있습니다.

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

즉, 다음과 같습니다.

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

네스트된 iframe이 여러 개 있고 최상위 iframe에 액세스하려면 다음과 같이 사용할 수 있습니다.

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

즉, 다음과 같습니다.

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

부모 창의 입력:

<script>
function ifDoneChildFrame(val)
{
   $('#parentPrice').html(val);
}
</script>

및 iframe src file put:

<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) 부모에게 직접 연락한다.

exa. 나는 내 아이 페이지를 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

반응형