انتقل إلى محتوى الدرس

Navigating assign versus replace التوجيه عبر assign وreplace

أتقن التعامل مع كائن الرابط window.location في JavaScript: فكك أجزاء العنوان وحلل الاستعلامات عبر URLSearchParams وقارن بين assign وreplace واحمِ تطبيقك من التوجيه المفتوح.
3 صفوف تعليمية
جافا سكريبت
4,307 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تنقل كلتا الدالتين window.location.assign(url) (وهي مكافئة لإسناد location.href = url) وwindow.location.replace(url) المتصفح إلى صفحة جديدة، غير أن بينهما فرقاً جوهرياً في التعامل مع زر الرجوع للخلف:

  • location.assign(url): تحفظ الصفحة الحالية في سجل التصفح، فيستطيع الزائر العودة إليها بالنقر على زر الرجوع.
  • location.replace(url): تستبدل الصفحة الحالية في السجل دون حفظها، وهي الخيار الأمثل بعد إتمام تسجيل الدخول حتى لا يعيد زر الرجوع المستخدم إلى شاشة دخول منتهية أو حلقة توجيه مفرغة!
الصف 2 معاينة حية
الصف 3 ملاحظة هامة