Thuộc tính sự kiện onpageshow trong HTML

Thuộc tính sự kiện onpageshow kích hoạt khi người dùng điều hướng đến một trang web (kể cả khi tải từ cache bfcache).

Cú pháp

<body onpageshow="script"></body>

Ví dụ

<!DOCTYPE html>
<html>
<style>
  body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; }
</style>
<body onpageshow="pageShowHandler()">
<h1>Demo onpageshow</h1>
<script>
  function pageShowHandler() {
    alert("Chào mừng! Bạn đang truy cập trang này.");
    // event.persisted === true nếu trang tải từ bfcache (back/forward cache)
  }
</script>
</body>
</html>

Kết quả

Khi truy cập trang (hoặc bấm Back/Forward quay lại trang) → hộp thoại alert hiển thị.

Khác với onload: onpageshow kích hoạt mỗi khi trang hiển thị (kể cả từ cache), trong khi onload chỉ chạy khi tải mới. Đối tượng event có thuộc tính persisted cho biết có từ cache không.