Sự kiện onpageshow

Sự kiện DOM Sự kiện PageTransitionEvent

Định nghĩa và cách sử dụng

Sự kiện onpageshow xảy ra khi người dùng định hướng đến trang web.

Sự kiện onpageshow và Sự kiện onloadGiống nhau, khác biệt là nó xảy ra sau sự kiện onload khi trang được tải lần đầu. Ngoài ra, sự kiện onpageshow sẽ xảy ra mỗi khi trang được tải, nhưng sự kiện onload sẽ không xảy ra khi trang được tải từ cache.

Để xác định trang web được tải trực tiếp từ máy chủ hay từ cache, bạn có thể sử dụng đối tượng PageTransitionEvent: Thuộc tính persisted。Nếu trang web bị cache bởi trình duyệt, thuộc tính này sẽ trả về true, ngược lại trả về false (xem thêm các ví dụ dưới đây).

Mô hình

Ví dụ 1

Chạy JavaScript khi người dùng định hướng đến trang web:

<body onpageshow="myFunction()">

Thử ngay

Ví dụ 2

Kiểm tra xem trang web có bị trình duyệt cache hay không:

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

Thử ngay

Cú pháp

Trong HTML:

<element onpageshow="myScript">

Thử ngay

Trong JavaScript:

object.onpageshow = function(){myScript};

Thử ngay

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("pageshow", myScript);

Thử ngay

Chú ý:Internet Explorer 8 hoặc các phiên bản trước không hỗ trợ Phương thức addEventListener()。

Chi tiết kỹ thuật

Bubbling: Không hỗ trợ
Có thể hủy: Không hỗ trợ
Loại sự kiện: Sự kiện PageTransitionEvent
Thẻ HTML được hỗ trợ: <body>
Phiên bản DOM: Sự kiện cấp 3

Hỗ trợ trình duyệt

Số liệu trong bảng ghi chú về phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn sự kiện này.

Sự kiện Chrome IE Firefox Safari Opera
onpageshow Hỗ trợ 11.0 Hỗ trợ 5.0 Hỗ trợ
Sự kiện DOM Sự kiện PageTransitionEvent