JavaScript Window Location

این شیء window.location برای دریافت آدرس (URL) صفحه فعلی و تغییر مسیر مرورگر به صفحه جدید قابل استفاده است.

Window Location

window.location این اشیاء می‌توانند بدون پیشوند window نوشته شوند.

برخی از مثال‌ها:

  • window.location.href URL صفحه فعلی را برمی‌گرداند
  • window.location.hostname نام دامنه میزبان وب را برمی‌گرداند
  • window.location.pathname مسیر صفحه یا نام فایل فعلی را برمی‌گرداند
  • window.location.protocol پروتکل وب استفاده شده را برمی‌گرداند (http: یا https:)
  • window.location.assign بارگذاری مستند جدید

Href Window Location

window.location.href این属性 URL صفحه فعلی را برمی‌گرداند.

مثال

نمایش href (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>

آزمایش کنید