التعرف على location protocol في جافاسكربت الدرس|31| - Programmer Tech

Programmer Tech

برمجة - مقالات - علوم كمبيوتر - برامج

إعلان اعلى المقالة

الاثنين، 29 يونيو 2020

التعرف على location protocol في جافاسكربت الدرس|31|


سنشرح في هذا الدرس عن location سوف نبدأ بـ location.protocol ,إذا قمنا بإستخدام هذه الخاصية سوف يتم إعادة البروكول الخارج للرابط, بما اننا حالياً نستخدم سيرفر محلي لن يظهر لنا بشكل صحيح و البروتوكول يكون إما http أو https يمكنكم البحث في جوجل عن معنى البروتوكولات http و https.

لمعرفة البروتوكول المستخدم location.protocol

var protocl = location.protocol;
alert(location.protocol);


اعطانا file في الديالوك المنبثق لأننا نستعرض هذا عبر السيرفر المحلي أما إذا نريد منه عرض البروتوكول لموقع ما مثلاً نستخدم موقعنا و نجرب عليه عبر فتح ادوات المطورين و الذهاب إلى Console و نقوم بكتابة الأمر الآتي
alert(location.protocol)

سوف يعطينا هذه النتيجة 

كما لاحظنا بأنه اعطانا البروتوكول المستخدم في الموقع وهو https.

لعرض رابط الموقع الحالي location.href

اذا نريد عرض رابط الموقع الذي نحن به في الوقت الحالي نستخدم الأمر location.href مثلاً لنجرب على موقعنا


كما هو موضح بالصورة أن هذا الأمر يستعرض لنا رابط الموقع الحالي.

لعرض دومين الموقع نستخدم location.hostname



الصورة السابقة توضح لنا بأنه استعرض لنا الدومين المستخدم في هذا الموقع عند كتابة الأمر له.

لمعرفة المسار و الصفحة الحالية نستخدم location.pathname



أيضاً لاحظنا انه استعرض لنا مسار القسم الذي متواجدين به, سنستفيد من هذه الأمور عند الدخول بعمق بعالم تصميم المواقع وسنكون بحاجة لها لمعرفة الموقع الحالي مثلاً او تمركز الصفحات...الخ.

لإعادة تحميل صفحة الويب ( تحديث ) location.reload

يُستخدم هذا لتحديث الصفحة عمل refrech مثلاً نربطه بصورة في ملف html و عند النقر عليه يعمل تحديث للصفحة الحالية.
وعند كتابة هذا الأمر في Console لصفحة ويب و عند النقر على انتر سوف يعمل تحديث للصفحة
location.reload() 

هنا عند النقر على زر Enter سوف يعمل تحديث للصفحة فوراً.

اخذ المستخدم لصفحة اخرى و عودته location.assign

هذا الأمر يُستخدم من اجل اخذ المستخدم لصفحة ثانية يتم تحديدها مع الحفاظ على صفحته الحالية الذي هو بها في حال قرر العودة للصفحة بدون فقدان معلوماتها.

إذا كتبنا هذا الامر في Console موقع ما 
location.assign("https://programmer-teech1.blogspot.com/")


كما لاحظنا عند كتابة الأمر و الضغط على Enter اخذنا للموقع الذي حددناه له مع بقاء سهم الرجوع للصفحة السابقة.

استبدال الصفحة الحالية بدون عودة location.replace

هذا الأمر يستبدل لنا الصفحة الحالية بصفحة جديدة نحددها و لم يعد بالإمكان العودة للصفحة الحالية لأن إستبدلها لنا فمثلاً إذا كتبنا هذا الأمر
location.assign("https://programmer-teech1.blogspot.com/")

عند الضغط على Enter سوف يأخذنا للموقع المطلوب و لا يمكن الرجوع للخلف أي تحذف الصفحة السابقة نهائياً.

يمكنك زيارة

ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

من أنا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام