جافاسكربت Location

المفاهيم الرئيسية:

• كائن الموقع: يوفر معلومات حول عنوان URL الحالي للصفحة.
• التحكم في URL: يتيح لك تغيير وتعديل عنوان URL الحالي.
• إعادة تحميل الصفحة: يقوم بتحديث المحتوى الحالي للصفحة.
• إعادة توجيه URL: ينقل المستخدم إلى عنوان URL جديد.
• الملاحة: يتحكم في حركة المستخدم بين الصفحات.

خطوات عملية:

1. الحصول على كائن الموقع:

   const location = window.location;
   

2. التحكم في URL:

   // إعداد عنوان URL الجديد
   location.href = "https://example.com";
   
   // الحصول على عنوان URL الحالي
   const currentURL = location.href;
   

3. إعادة تحميل الصفحة:

   // إعادة تحميل الصفحة الحالية
   location.reload();
   

4. إعادة توجيه URL:

   // إعادة توجيه إلى عنوان URL جديد
   location.replace("https://example.com");
   

5. الملاحة:

   // العودة إلى الصفحة السابقة
   history.back();
   
   // الانتقال إلى الصفحة التالية
   history.forward();
   

مثال بسيط:

function redirectToNewPage() {
  // إعادة توجيه إلى عنوان URL جديد
  window.location.href = "https://example.com";
}

function reloadCurrentPage() {
  // إعادة تحميل الصفحة الحالية
  window.location.reload();
}

function navigateBack() {
  // العودة إلى الصفحة السابقة
  window.history.back();
}