حدث 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

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذا الحدث بالكامل.

حدث Chrome IE Firefox Safari Opera
حدث onpageshow الدعم 11.0 الدعم 5.0 الدعم
أحداث DOM حدث PageTransitionEvent