jquery는 하위 페이지 닫기를 수신합니다.

웹 개발에서는 페이지 닫기, 점프 등 페이지의 일부 작업을 모니터링해야 하는 경우가 많습니다. 하위 페이지에서는 일부 작업을 수행하거나 닫힐 때 일부 데이터를 전송하기 위해 닫는 이벤트를 수신하는 방법을 알아야 합니다.

이 경우 jQuery를 사용하여 하위 페이지의 닫기 이벤트를 수신할 수 있습니다. 구체적인 구현 방법은 다음과 같습니다.

1. 하위 페이지 개체 가져오기

상위 페이지에서 하위 페이지의 창 개체를 가져와야 합니다. 이 개체는 하위 페이지 메서드 창을 열어 가져옵니다. .open(), 예:

var childWin = window.open("child.html");

이런 방식으로 하위 페이지 개체 childWin을 가져올 수 있습니다.

2. 하위 페이지 닫기 이벤트 듣기

하위 페이지 개체를 얻은 후 이를 사용하여 닫기 이벤트를 들을 수 있습니다. 사용해야 하는 방법은 페이지가 닫힐 때 트리거되는 onbeforeunload입니다. 이 메소드를 하위 페이지의 창 객체에 바인딩할 수 있습니다. 예를 들어:

childWin.onbeforeunload = function(){
//페이지를 닫을 때 수행할 작업
}

이 메소드에서는 다음과 같은 몇 가지 작업을 수행할 수 있습니다. 운영. 예를 들어 상위 페이지에 데이터를 전달하거나 일부 정리 작업을 수행합니다.

3. 닫는 이벤트 이후 작업 듣기

서브 페이지가 닫히면 onbeforeunload 메소드로 관련 작업을 수행할 수 있습니다. 예:

childWin.onbeforeunload = function(){
//상위 페이지로 데이터 전송
window.opener.postMessage(data, '*');
//정리 작업 수행
//...
}

여기서는 window.opener.postMessage() 메서드를 사용하여 상위 페이지에 데이터를 전달합니다. 이 방식은 하위 페이지에서 상위 페이지로 데이터를 보내는 방식입니다. *는 데이터가 모든 페이지로 전송될 수 있음을 나타냅니다.

데이터 전달 외에도 일부 정리 작업도 수행할 수 있습니다. 여기에는 열려 있는 연결 닫기, 로컬 캐시 삭제 등이 포함됩니다. 이러한 작업은 모두 페이지가 닫힐 때 데이터 무결성과 보안을 보장하기 위한 것입니다.

요약하자면, 하위 페이지가 닫힐 때 일부 작업을 수행하거나 일부 데이터를 전송하기 위해 jQuery를 사용하여 하위 페이지의 닫기 이벤트를 수신할 수 있습니다. 이 방법은 비교적 간단하고 일반적으로 사용되며 프런트엔드 개발자에게 필수적인 기술입니다.

위 내용은 jquery는 하위 페이지 닫기를 수신합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!