التوصيات الدراسية

حادثة DOM HashChangeEvent

حدث onhashchange

تعريف و استخدامه

عندما يغير جزء العنوان في URL الحالية (يبدأ برمز '#') يحدث حدث onhashchange.

مثال على ما هو جزء العنوان: افترض أن URL الحالية هي http://www.example.com/test.htm#part2 - سيكون جزء العنوان لهذا URL هو #part2.

  • لإجراء هذا الحدث، يمكنك: مفهوم Locationمن location.hash أو ميزة location.hrefلتغيير جزء العنوان
  • استخدام مختلف العلامات التوجيه للانتقال إلى الصفحة الحالية (استخدام زر "التراجع" أو "التقدم")
  • انقر على رابط يوجه إلى وسم الرابط

مثال

مثال 1

تنفيذ JavaScript بعد تغيير جزء العنوان

<body onhashchange="myFunction()">

تجربة بنفسك

مثال 2

كيفية تخصيص "onhashchange" للاسمة في اسمة النافذة:

window.onhashchange = myFunction;

تجربة بنفسك

القواعد

في HTML:

<الهدف onhashchange="myScript">

تجربة بنفسك

في JavaScript:

الهدف.onhashchange = function(){myScript};

تجربة بنفسك

في JavaScript، استخدم طريقة addEventListener():

الهدف.addEventListener("hashchange", myScript);

تجربة بنفسك

ملاحظة:Internet Explorer 8 أو الأحدث لا يدعم طريقة addEventListener().

تفاصيل التقنية

تدفق البث: يدعم
قابلة للإلغاء: لا يدعم
نوع الحدث: HashChangeEvent
العلامات HTML المدعومة: <body>
إصدار DOM: أحداث المستوى 3

دعم المتصفح

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

حادثة Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
حادثة DOM HashChangeEvent