إنشاء زر رجوع HTML

من السهل إضافة زر الرجوع إلى صفحة الويب الخاصة بك. عندما ينقر زائر صفحتك على الزر ، سيتم نقله إلى آخر صفحة قاموا بزيارتها ، تمامًا كما لو أنهم نقروا على زر الرجوع في متصفحهم.

يمكنك تحقيق ذلك عن طريق تحرير HTML لصفحتك ، وإضافة القليل من جافا سكريبت.

ملاحظة: لن تعمل هذه الأزرار إذا لم يكن لدى المستخدم سجل التصفح. على سبيل المثال ، إذا فتح المستخدم صفحتك في علامة تبويب أو نافذة متصفح جديدة ، فلن يحدث شيء عند النقر فوق الزر.

باستخدام history.back

في مستعرض الويب ، تحتوي نافذة كائن JavaScript المدمجة على كائن يسمى السجل والذي يحتوي على عناوين URL التي زارها المستخدم في نافذة المتصفح الحالية. يمكنك استخدام الأسلوب history.back () لإخبار المستعرض بالرجوع إلى صفحة المستخدم السابقة.

طريقة سهلة لاستخدام هذا JavaScript هي إضافته إلى سمة حدث onclick لزر واحد. هنا ، سنقوم بإنشاء الزر باستخدام عنصر ، يحتوي على عنصر من نوع الزر .

أدخل HTML التالي في صفحة الويب الخاصة بك:

سوف تبدو النتيجة كالزر أدناه. إذا قمت بالنقر فوقه ، فستعود إلى الصفحة السابقة في السجل.

باستخدام history.go

تخبر طريقة history.go () المتصفح بالانتقال إلى صفحة محددة في سجل التصفح للمستخدم. يمكنك تحديد عنصر السجل من خلال وضع رقم داخل الأقواس. في برمجة الكمبيوتر ، وهذا ما يسمى حجة.

إذا حددت الرقم -1 كوسيطة ، فسيعود المتصفح إلى صفحة واحدة في سجل المتصفح. إليك الرمز نفسه الوارد أعلاه ، وذلك باستخدام history.go (-1) بدلاً من history.back () .