موقع نافذة جافا سكريبت
يمكن window.locationاستخدام الكائن للحصول على عنوان الصفحة الحالية (URL) وإعادة توجيه المتصفح إلى صفحة جديدة.
موقع النافذة
يمكن window.locationكتابة الكائن بدون بادئة النافذة.
بعض الأمثلة:
window.location.hrefيسترجع href (URL) للصفحة الحاليةwindow.location.hostnameإرجاع اسم المجال لمضيف الويبwindow.location.pathnameإرجاع مسار واسم ملف الصفحة الحاليةwindow.location.protocolيعرض بروتوكول الويب المستخدم (http: أو https :)window.location.assign()يقوم بتحميل مستند جديد
موقع النافذة Href
تقوم window.location.hrefالخاصية بإرجاع عنوان URL للصفحة الحالية.
مثال
اعرض href (URL) للصفحة الحالية:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
النتيجة هي:
Page location is https://ar.pictoshow.com/js/js_window_location.asp
اسم مضيف موقع النافذة
تقوم window.location.hostnameالخاصية بإرجاع اسم مضيف الإنترنت (للصفحة الحالية).
مثال
اعرض اسم المضيف:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
النتيجة هي:
Page hostname is ar.pictoshow.com
موقع النافذة Pathname
تقوم window.location.pathnameالخاصية بإرجاع اسم المسار للصفحة الحالية.
مثال
عرض اسم مسار عنوان URL الحالي:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
النتيجة هي:
Page path is /js/js_window_location.asp
بروتوكول موقع النافذة
تقوم window.location.protocolالخاصية بإرجاع بروتوكول الويب الخاص بالصفحة.
مثال
عرض بروتوكول الويب:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
النتيجة هي:
Page protocol is https:
منفذ موقع النافذة
تقوم window.location.portالخاصية بإرجاع رقم منفذ مضيف الإنترنت (للصفحة الحالية).
مثال
اعرض اسم المضيف:
document.getElementById("demo").innerHTML =
"Port
number is " + window.location.port;
النتيجة هي:
Port number is
لن تعرض معظم المتصفحات أرقام المنافذ الافتراضية (80 لـ http و 443 لـ https)
تحديد موقع النافذة
الطريقة تقوم window.location.assign()بتحميل مستند جديد.
مثال
قم بتحميل مستند جديد:
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>