사용자가 웹 페이지로 이동할 때 특정 스크립트를 실행하고 싶다면 onpageshow 속성을 사용하면 됩니다. 이 속성은 페이지가 처음 로드될 때뿐만 아니라, 브라우저의 뒤로 가기 버튼 등을 통해 캐시된 페이지로 다시 진입할 때에도 이벤트가 발생한다는 점이 특징입니다.
예제
다음 코드를 실행하면 onpageshow 속성이 어떻게 동작하는지 직접 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<body onpageshow = "display()">
<h2>Tutorialspoint</h2>
<p>Simply Easy Learning</p>
<script>
function display() {
alert("You're back!");
}
</script>
</body>
</html>위 예제에서는 <body> 태그에 onpageshow 속성을 지정하고, 페이지가 표시될 때마다 display() 함수가 호출되어 알림 창이 나타나도록 구성했습니다.
참고 사항
onpageshow 속성은 Chrome, Edge, Firefox, Safari, Opera 등 주요 최신 브라우저에서 모두 지원됩니다. 페이지 로드 여부와 관계없이 사용자가 해당 페이지를 볼 때마다 스크립트를 실행해야 하는 경우, 일반적인 onload 대신 onpageshow를 활용하는 것이 효과적입니다.