موقع نافذة جافا سكربت

يمكن استخدام Object window.location للحصول على عنوان الصفحة الحالية (URL) وإعادة توجيه المتصفح إلى صفحة جديدة.

Window Location

window.location يمكن كتابة العنصر بدون بادئة window.

بعض الأمثلة:

  • window.location.href يعود URL الصفحة الحالية
  • window.location.hostname يعود اسم domean المستضيف للويب
  • window.location.pathname يعود المسار الحالي للصفحة أو اسم الملف
  • window.location.protocol يعود ببروتوكول الويب المستخدم (http: أو https:)
  • window.location.assign يحمي وثيقة جديدة

Href Window Location

window.location.href الخاصية تعود URL الصفحة الحالية.

مثال

أظهر URL الحالي للصفحة الحالية:

document.getElementById("demo").innerHTML = "موقع الصفحة هو " + window.location.href;

النتيجة هي:

موقع الصفحة هو http://www.codew3c.com/js/js_window_location.asp

جرب بنفسك

اسم Window Location

window.location.hostname الخاصية تعود اسم (المستضيف للصفحة الحالية) للإنترنت.

مثال

أظهر اسم المستضيف:

document.getElementById("demo").innerHTML = "اسم المستضيف هو " + window.location.hostname;

النتيجة هي:

اسم المستضيف للصفحة هو www.codew3c.com

جرب بنفسك

مسار Window Location

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

مثال

أظهر مسار URL الحالي:

document.getElementById("demo").innerHTML = "مسار الصفحة هو " + window.location.pathname;

النتيجة هي:

مسار الصفحة هو /js/js_window_location.asp

جرب بنفسك

بروتوكول Window Location

window.location.protocol الخاصية تعود ببروتوكول صفحة الويب.

مثال

أظهر بروتوكول الويب:

document.getElementById("demo").innerHTML = "صفحة الاتفاق هي " + window.location.protocol;

النتيجة هي:

صفحة الاتفاق هو http:

جرب بنفسك

Window Location منفذ

window.location.port الخصائص تعود بالرقم التسلسلي للمنفذ لمزود الخدمة على الإنترنت (الصفحة الحالية).

مثال

عرض رقم منفذ الخادم الرئيسي:

document.getElementById("demo").innerHTML = "رقم المنفذ هو: " + window.location.port;

جرب بنفسك

معظم المتصفحات لا تظهر رقم المنفذ الافتراضي (http هو 80،https هو 443).

Window Location Assign

window.location.assign() يحمّل مستندًا جديدًا.

مثال

تحميل مستند جديد:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Load new document" onclick="newDoc()">
</body>
</html>

جرب بنفسك