onpageshow 이벤트
예시
사용자가 웹 페이지로 이동할 때 JavaScript를 실행합니다.
<body onpageshow="myFunction()">
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
onpageshow 이벤트는 사용자가 웹 페이지를 탐색할 때 발생합니다.
onpageshow 이벤트는 페이지가 처음 로드될 때 onload 이벤트 이후에 발생한다는 점을 제외 하면 onload 이벤트와 유사합니다. 또한 onpageshow 이벤트는 페이지가 로드될 때마다 발생하지만 onload 이벤트는 페이지가 캐시에서 로드될 때 발생하지 않습니다.
페이지가 서버에서 직접 로드되었는지 또는 페이지가 캐시되었는지 확인 하려면 PageTransitionEvent 개체 의 지속 속성을 사용할 수 있습니다. 이 속성은 페이지가 브라우저에 의해 캐시된 경우 true를 반환하고 그렇지 않은 경우 false를 반환합니다(아래 "추가 예제" 참조).
브라우저 지원
표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Event | |||||
---|---|---|---|---|---|
onpageshow | Yes | 11.0 | Yes | 5.0 | Yes |
통사론
HTML:
<element onpageshow="myScript">
자바스크립트:
object.onpageshow = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("pageshow", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
거품: | 아니 |
---|---|
취소 가능: | 아니 |
이벤트 유형: | 페이지 전환 이벤트 |
지원되는 HTML 태그: | <본체> |
DOM 버전: | 레벨 3 이벤트 |
더 많은 예
예시
브라우저에서 페이지를 캐시했는지 확인합니다.
function myFunction(event) {
alert(event.persisted);
}