مفهوم Window Location
- الصفحة السابقة localStorage
- الصفحة التالية matchMedia()
- العودة إلى الطبقة السابقة مفهوم Window
مفهوم Window Location
يحتوي Object Location على معلومات حول URL الحالي.
Object Location هو خاصية لـ Object Window.
يمكن الوصول إلى خصائص Object Location بالطرق التالية:
window.location أو فقط location
المثال
let origin = window.location.origin;
let origin = location.origin;
خصائص كائن Location
| خصائص | وصف |
|---|---|
| hash | تعيين أو رجوع جزء الهاش لـ URL (#). |
| host | تعيين أو رجوع اسم المضيف وميناء لـ URL. |
| hostname | تعيين أو رجوع اسم المضيف لـ URL. |
| href | تعيين أو رجوع URL الكامل. |
| origin | رجوع protوكول URL، اسم المضيف، وميناء. |
| pathname | تعيين أو رجوع مسار URL. |
| port | تعيين أو رجوع ميناء URL. |
| protocol | تعيين أو رجوع протوكول URL. |
| search | تعيين أو رجوع جزء سلسلة الاستعلام لـ URL. |
أساليب كائن Location
| الأساليب | وصف |
|---|---|
| assign() | تحميل وثيقة جديدة. |
| reload() | إعادة تحميل الوثيقة الحالية. |
| replace() | استبدال الوثيقة الحالية بوثيقة جديدة. |
وصف كائن Location
يخزن كائن Location في خاصية Location لكائن Window، ويعكس عنوان الويب الحالي للوثيقة التي يتم عرضها في ذلك النافذة. وتشمل خصائص hrefيخزن URL الكامل للوثيقة، بينما تصف القيم الأخرى أجزاء URL المختلفة. تشبه هذه الخصائص خصائص URL لكائن Anchor (أو كائن Area). عند تحويل كائن Location إلى سلسلة، يتم رجوع قيمة الخاصية href. مما يعني أنه يمكنك استخدام تعبير location بدلاً من location.href.
لكن كائن Anchor يمثل رابطًا في الوثيقة، بينما يمثل كائن Location URL الوثيقة الحالية التي يتم عرضها في المتصفح (أو الموقع). ولكن يمكن لكائن Location القيام بأكثر من ذلك بكثير، حيث يمكنه التحكم في موقع الوثيقة التي يتم عرضها في المتصفح. إذا تم تعيين سلسلة تحتوي على URL لكائن Location أو خصائصه href، سيقوم المتصفح بتحميل الوثيقة التي يشير إليها هذا URL وعرضها.
إلا إذا تم تعيين location أو location.href بـ URL كامل لتعويض URL الحالية، يمكن أيضًا تعديل جزء من URL، مما يتطلب فقط تعيين القيم للعناصر الأخرى في كائن Location. هذا سينشئ URL جديد يحتوي على جزء مختلف عن URL القديم، وسيقوم المتصفح بتحميله وعرضه. على سبيل المثال، إذا تم تعيين خصائص الهاش، إذاً، المتصفح سيقوم بالانتقال إلى موقع معين في الوثيقة الحالية. وكذلك، إذا تم تعيين خصائص البحث، إذاً، المتصفح سيقوم بتحميل مرة أخرى URL الذي تم إضافة سلسلة استعلام جديدة إليه.
إضافة إلى خاصية URL، يحتوي على} طريقة reload()يمكن إعادة تحميل الوثيقة الحالية،replace() يمكن تحميل وثيقة جديدة دون الحاجة إلى إنشاء سجل تاريخي جديد لها، مما يعني أن الوثيقة الجديدة ستستبدل الوثيقة الحالية في قائمة تاريخ المتصفح.
- الصفحة السابقة localStorage
- الصفحة التالية matchMedia()
- العودة إلى الطبقة السابقة مفهوم Window
