jQuery 로드 및 언로드 기능 사용

예

사용자가 이 페이지를 떠나기 위해 링크를 클릭하면 메시지 상자가 나타납니다.

$(window).unload(function(){
  alert("Goodbye!");
});

Try it yourself

정의 및 사용법

사용자가 페이지를 떠나면 언로드 이벤트가 발생합니다.

구체적으로 언로드 이벤트는 다음과 같은 경우에 발생합니다.

• 페이지 외부의 링크를 클릭한 경우

• 주소 표시줄에 새 URL을 입력한 경우

• 앞으로 또는 뒤로 버튼을 사용하는 경우

• 브라우저를 닫으세요

• 페이지를 다시 로드하세요

unload() 메소드는 이벤트 핸들러프로그램을 언로드 이벤트에 바인딩합니다.

unload() 메소드는 창 객체에만 적용됩니다.

Syntax

event.unload(function)

Parameters	Description
function	필수입니다. 언로드 이벤트가 트리거될 때 실행할 함수를 지정합니다.

jQuery 로드 및 언로드 기능은

load(url, [data], [callback])을 사용하여 원격 HTML 파일 코드를 로드하고 DOM에 삽입합니다. 기본적으로 GET 메서드가 사용됩니다. 추가 매개변수를 전달하면 자동으로 POST 메서드로 변환됩니다. jQuery 1.2에서는 로드된 HTML 문서를 필터링하기 위한 선택기를 지정할 수 있으며 필터링된 HTML 코드만 DOM에 삽입됩니다. 구문은 "url #some > 선택기"와 같습니다.
다음과 같은 세 가지 매개 변수가 있습니다.
url — (String) — 로드할 HTML 웹페이지의 URL입니다.
data(선택 사항) — (Map,String) — 서버로 전송되는 키/값 데이터입니다. jQuery 1.3에서는 문자열을 허용하는 것도 가능합니다.
콜백(선택 사항) — 콜백이 성공적으로 로드되면 콜백 기능 입니다.

예:

기사 사이드바 탐색 섹션을 정렬되지 않은 목록으로 로드합니다.

HTML 코드:
jQuery 링크:

jQuery 코드:
$("#links").load("/Main_Page #p-Getting-Started li");

feeds.html 파일의 내용을 로드합니다.

jQuery 코드:
$("#feeds").load("feeds.html");

위와 동일하지만 POST 형식으로 추가 매개변수를 보내고 성공 시 정보를 표시합니다.

jQuery 코드:
$("#feeds").load("feeds.php", {limit: 25}, function(){
Alert("피드의 마지막 25개 항목이 로드되었습니다.");
} );

unload(fn) 일치하는 각 요소의 언로드 이벤트에 핸들러 함수를 바인딩합니다.
매개변수:fn — 함수는 일치하는 각 요소의 언로드 이벤트에 바인딩된 처리 함수입니다.
예: 페이지가 언로드되면
경고 상자가 나타납니다.:jQuery code:
$(window).unload( function () { Alert("Bye now!"); } );

load(url, [data], [callback])은 원격 HTML 파일 코드를 로드하여 DOM에 삽입합니다. 기본적으로 GET 메서드가 사용됩니다. 추가 매개변수를 전달하면 자동으로 POST 메서드로 변환됩니다. jQuery 1.2에서는 로드된 HTML 문서를 필터링하기 위한 선택기를 지정할 수 있으며 필터링된 HTML 코드만 DOM에 삽입됩니다. 구문은 "url #some > 선택기"와 같습니다. 세 가지 매개변수가 있습니다. 즉:
url — (문자열) — 로드할 HTML 웹페이지의 URL입니다.
data(선택 사항) — (Map,String) — 서버로 전송되는 키/값 데이터입니다. jQuery 1.3에서는 문자열을 허용하는 것도 가능합니다.
callback(선택 사항) — 로드가 성공하면 호출될 콜백 함수입니다.

예:

기사 사이드바 탐색 섹션을 정렬되지 않은 목록으로 로드합니다.

HTML 코드:
jQuery 링크:

jQuery 코드:
$("#links").load("/Main_Page #p-Getting-Started li");

feeds.html 파일의 내용을 로드합니다.

jQuery 코드:
$("#feeds").load("feeds.html");

위와 동일하지만 POST 형식으로 추가 매개변수를 보내고 성공 시 정보를 표시합니다.

jQuery 코드:
$("#feeds").load("feeds.php", {limit: 25}, function(){
Alert("피드의 마지막 25개 항목이 로드되었습니다.");
} );

unload(fn) 일치하는 각 요소의 언로드 이벤트에 핸들러 함수를 바인딩합니다.
매개변수:fn — 함수는 일치하는 각 요소의 언로드 이벤트에 바인딩된 처리 함수입니다.
예: 페이지가 언로드될 때 경고 상자가 나타납니다:
jQuery 코드:
$(window).unload( function () { Alert("Bye now!"); } );

위 내용은 jQuery 로드 및 언로드 기능 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!