onpageshow 이벤트

DOM 이벤트 PageTransitionEvent

정의와 사용법

onpageshow 이벤트는 사용자가 웹 페이지로 이동할 때 발생합니다.

onpageshow 이벤트와 onload 이벤트와 유사하지만, 이는 페이지가 처음 로드될 때 onload 이벤트 이후에 발생합니다. 또한, 페이지가 로드될 때마다 onpageshow 이벤트가 발생하지만, 캐시에서 로드될 때는 onload 이벤트가 발생하지 않습니다.

페이지가 서버에서 직접 로드되었는지, 캐시에서 로드되었는지 확인하려면 PageTransitionEvent 객체의 persisted 속성이 페이지가 브라우저에 캐시에 저장되어 있다면, 이 속성은 true를 반환하며, 그렇지 않으면 false를 반환합니다. (다음 예제를 참조하세요).

실例

예제 1

사용자가 웹 페이지로 이동할 때 JavaScript를 실행합니다:

<body onpageshow="myFunction()">

개인적으로 시도해 보세요

예제 2

브라우저가 페이지를 캐시에 저장했는지 확인하세요:

function myFunction(event) { 
  alert(event.persisted);
}

개인적으로 시도해 보세요

문법

HTML에서:

<요소 onpageshow="myScript">

개인적으로 시도해 보세요

JavaScript에서:

객체.onpageshow = function(){myScript};

개인적으로 시도해 보세요

JavaScript에서 addEventListener() 메서드를 사용하여:

객체.addEventListener("pageshow", myScript);

개인적으로 시도해 보세요

주의사항:Internet Explorer 8 또는 이전 버전은 지원하지 않습니다. addEventListener() 메서드。

기술 세부 사항

버블: 지원하지 않음
취소 가능: 지원하지 않음
이벤트 유형: PageTransitionEvent
지원되는 HTML 태그: <body>
DOM 버전: 레벨 3 이벤트

브라우저 지원

표의 숫자는 이 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 기재하고 있습니다.

이벤트 크롬 IE 파이어폭스 사파리 오페라
onpageshow 지원 11.0 지원 5.0 지원
DOM 이벤트 PageTransitionEvent