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

Anatomy of URL in location تشريح الرابط بكائن location

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

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

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

يتوفر الكائن Location عبر window.location (أو document.location)، ويتولى تفكيك عنوان الصفحة الحالي تلقائياً إلى خصائص منظمة جاهزة للقراءة تغنيك تماماً عن التقطيع النصي اليدوي المعرض للأخطاء.

فعند وجود رابط كامل مثل https://www.closetag.com/tutorials/js?level=2#quiz، يقابل كل جزء من البروتوكول واسم النطاق والمسار ومعاملات الاستعلام والمرساة خاصيةً مستقلةً وواضحة على الكائن location.

الصف 2 صورة توضيحية
مخطط تشريح أجزاء الرابط في كائن window.location: الأصل origin والمسار pathname والاستعلام search والمرساة hash