Location (Location)
شیء «location» برای آدرس صفحه (URL) است. با آن آدرس فعلی را می خوانیم، و حتی کاربر را به صفحه جدید می بریم. بنابراین برای ناوبری ساده و سریع، location بهترین دوست ماست.
آشنایی سریع با window.location
می توانی بدون نوشتن window هم از آن استفاده کنی. ویژگی های مهم: href، hostname، pathname، protocol، port. همچنین متد assign() برای انتقال صفحه است.
location.href: آدرس کامل صفحه
با location.href کل URL را می گیری. مثل کپی لینک در مرورگر.
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
location.hostname: نام میزبان
این مقدار، نام دامنه میزبان را می دهد. مثل underdevelops.com.
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
location.pathname: مسیر صفحه
این ویژگی مسیر و نام فایل را می دهد. مثل /docs/javascript.
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
location.protocol: پروتکل صفحه
پروتکل معمولاً http: یا https: است. امنیت با https بیشتر است.
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
location.port: شماره پورت
اگر پورت پیش فرض باشد، معمولاً نمایش داده نمی شود. مثل 80 یا 443.
document.getElementById("demo").innerHTML =
"Port number is " + window.location.port;
نکته: بیشتر مرورگرها پورت های پیش فرض را نشان نمی دهند.
location.assign(): رفتن به صفحه جدید
با assign() کاربر را به URL جدید می بری. مثل تپ روی لینک.
function newDoc() {
window.location.assign("https://www.w3schools.com");
}
گام های عملی
- href را در صفحه چاپ کن.
- hostname و pathname را جدا نمایش بده.
- اگر https نیست، پیام هشدار نشان بده.
لینک های مرتبط
- پنجره (Window)؛ اندازه و متدهای پنجره.
- تاریخچه (History)؛ رفت وبرگشت بین صفحات.
جمع بندی سریع
- location برای آدرس صفحه است.
- href کل آدرس را می دهد.
- hostname نام دامنه را می دهد.
- assign شما را منتقل می کند.