شرح صفوف ومحتوى الفقرة
يوضح الجدول التالي أهم خصائص قراءة أجزاء الرابط على الكائن window.location لعنوان مثل https://app.example.com:8443/shop/items?sort=price#top:
| الخاصية | القيمة الراجعة | ملاحظة دقيقة |
|---|---|---|
location.href | سلسلة الرابط الكاملة | إسناد رابط جديد إليها يوجّه الصفحة فوراً |
location.origin | "https://app.example.com:8443" | للقراءة فقط (البروتوكول + المضيف + المنفذ) |
location.protocol | "https:" | ينتهي دائماً بنقطتين رأسيتين : |
hostname مقابل host | بدون المنفذ مقابل شامل المنفذ | host يشمل رقم المنفذ بينما hostname يقتصر على الاسم |
location.pathname | "/shop/items" | المسار الداخلي بدون الاستعلام أو المرساة |
search وhash | "?sort=price" و"#top" | تُرجع نصاً فارغاً "" عند غيابها من الرابط |
JavaScript
const out = document.getElementById('loc-out');
const parts = [
'protocol: ' + window.location.protocol,
'origin: ' + window.location.origin,
'pathname: ' + window.location.pathname,
'href length: ' + window.location.href.length
];
out.textContent = parts.join('\n');