jQuery 새 창에서 부모 창 새로 고침

 

 

 

 

 

팝업 창에서 부모 창 새로고침

 

 

jQuery를 사용하여 새 창(팝업 창)에서 부모 창을 새로고침하는 방법은 다음과 같습니다. 이 방법은 팝업 창이 부모 창과 동일한 도메인에서 열려 있을 때 작동합니다. 팝업 창에서 부모 창을 새로고침하려면 window.opener 객체를 사용할 수 있습니다.

 

// 부모 창을 새로고침하는 코드
if (window.opener && !window.opener.closed) {
    window.opener.location.reload();  // 부모 창 새로고침
    window.close();  // 팝업 창 닫기 (선택 사항)
}

 

 

설명

• window.opener: 팝업 창을 열어준 부모 창을 가리킵니다. 팝업 창에서 부모 창에 접근할 때 사용됩니다.
• window.opener.location.reload(): 부모 창을 새로고침합니다.
• window.close(): 팝업 창을 닫습니다. (필요에 따라 선택적으로 사용합니다.)

 

사용 예

예를 들어, 어떤 이벤트에 의해 팝업 창에서 부모 창을 새로고침하고 팝업 창을 닫고 싶다면, 아래와 같이 사용할 수 있습니다.

 

<!-- 팝업 창에서 실행되는 코드 -->
<button id="refreshParent">부모 창 새로고침 및 닫기</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $('#refreshParent').click(function() {
        if (window.opener && !window.opener.closed) {
            window.opener.location.reload();  // 부모 창 새로고침
            window.close();  // 팝업 창 닫기
        }
    });
</script>

 

 

주의 사항

• 부모 창과 팝업 창이 동일한 도메인에 있어야 합니다. 다른 도메인 간에는 보안상 제약 때문에 접근할 수 없습니다.
• 팝업 창이 열리지 않은 경우나 부모 창이 이미 닫힌 경우 window.opener가 null일 수 있으므로, 이를 체크하는 것이 중요합니다.

이 코드로 팝업 창에서 부모 창을 새로고침할 수 있습니다.

 

 

 

 

 

 

 

#javascript #jquery #html #팝업창 #부모창 #새로고침