JavaScript - Location Object
JavaScript - كائن الموقع (Location Object)
🔸 كائن location يُستخدم للحصول على معلومات حول عنوان URL الحالي، أو لتغيير/إعادة تحميل الصفحة.
وهو جزء من كائن window، ويُستخدم كثيرًا في التوجيه والانتقال بين الصفحات.
🔹 عرض معلومات عنوان URL
console.log(location.href); // الرابط الكامل
console.log(location.hostname); // اسم النطاق (domain)
console.log(location.pathname); // مسار الملف
console.log(location.protocol); // البروتوكول (http / https)
🔹 إعادة تحميل الصفحة
location.reload();
📌 يُستخدم هذا لإعادة تحميل الصفحة الحالية — مثل الضغط على زر "تحديث".
---🔹 الانتقال إلى صفحة جديدة
location.href = "https://google.com";
📌 هذا يُشبه النقر على رابط — يفتح الصفحة الجديدة في نفس النافذة.
---🔹 استبدال الصفحة الحالية
location.replace("https://google.com");
📌 الفرق بين href و replace():
الأولى يمكن الرجوع منها بزر "رجوع"، أما الثانية لا تحفظ في سجل المحفوظات.
⚠️ ملاحظات مهمة
- استخدام
locationهو أسهل وأسرع طريقة للانتقال بين الصفحات. reload()يُعيد تحميل الصفحة من جديد، ويمكن استخدامه بعد عمليات حفظ أو تغيير بيانات.- استخدام
replace()مفيد في حالات إعادة التوجيه التلقائي بدون تخزين في المحفوظات.
تعليقات
إرسال تعليق