مفهوم Location

مفهوم Location

يحتوي Object Location على معلومات حول URL الحالي.

يكون Object Location جزءًا من Object Window، يمكن الوصول إليه من خلال خاصية window.location.

مثال

إيصال المستخدم إلى عنوان جديد

خصائص Object Location

خصائص وصف
hash تعيين أو استرجاع جزء من URL الذي يبدأ من الرمز (#) (الشبكة).
host تعيين أو استرجاع اسم المستضيف وميناء URL الحالي.
hostname تعيين أو استرجاع اسم المستضيف في URL الحالي.
href تعيين أو استرجاع URL الكامل.
pathname تعيين أو استرجاع جزء المسار في URL.
port تعيين أو استرجاع ميناء URL الحالي.
protocol تعيين أو استرجاع بروتوكول URL الحالي.
search تعيين أو استرجاع جزء من URL الذي يبدأ من علامة الاستفهام (?) (جزء البحث).

طرق Object Location

خصائص وصف
assign() تحميل وثيقة جديدة.
reload() إعادة تحميل الوثيقة الحالية.
replace() استبدال الوثيقة الحالية بوثيقة جديدة.

وصف Object Location

يخزن Object Location في خاصية Location لـ Object Window، ويعكس عنوان الويب للوثيقة التي تظهر حاليًا في النافذة. إنها خصائص hrefيخزن URL الكامل للوثيقة، وتصف الخصائص الأخرى أجزاء URL المختلفة. تشبه هذه الخصائص خصائص Anchor Object (أو Area Object) للURL بشكل كبير. عند تحويل Object Location إلى نص، يتم إرجاع قيمة الخاصية href. مما يعني أنه يمكنك استخدام التعبير location لتعويض location.href.

لكن Object Anchor يمثل رابطًا في الوثيقة، بينما يمثل Object Location URL الوثيقة الحالية التي يتم عرضها حاليًا في المتصفح (أو الموقع). ولكن هناك المزيد مما يمكن أن يفعله Object Location، حيث يمكنه أيضًا التحكم في موقع الوثيقة التي يتم عرضها في المتصفح. إذا تم منح سلسلة URL تحتوي على URL لـ Object Location أو خاصيته href، سيقوم المتصفح بتحميل الوثيقة المحددة من قبل URL الجديد وعرضها.

إضافة إلى تعيين location أو location.href باستخدام URL الكامل لاستبدال URL الحالية، يمكن أيضًا تعديل جزء من URL، فقط عن طريق تعيين القيم الأخرى للـ Location Object. بهذا يُنشأ URL جديد يحتوي على جزء مختلف عن URL الأصلي، سيقوم المتصفح بتحميله وعرضه. على سبيل المثال، إذا تم تعيين خاصية hash، فإن المتصفح سيقوم بالانتقال إلى موقع معين في الوثيقة الحالية. كما يمكن، إذا تم تعيين خاصية search، فإن المتصفح سيقوم بإعادة تحميل URL المضاف إليها سلسلة الاستعلام الجديدة.

إضافة إلى خاصية URL، يمكن أن تحتوي على Location Object على طريقة reload()يمكن إعادة تحميل الوثيقة الحالية،replace() يمكن تحميل وثيقة جديدة دون الحاجة إلى إنشاء سجل جديد لها، مما يعني أن الوثيقة الجديدة ستستبدل الوثيقة الحالية في قائمة التاريخ للمتصفح.