شیء window.location بخشی از BOM (Browser Object Model) است و اطلاعات مربوط به URL جاری را در اختیار ما قرار می‌دهد. همچنین می‌توانیم با آن کاربر را به صفحات دیگر هدایت کنیم.

🔹 1. ویژگی‌های مهم location

🟢 location.href

• آدرس کامل (Full URL) صفحه جاری

console.log(location.href);
// مثال: "https://example.com/page.html?id=10"

🟢 location.hostname

• نام هاست (دامنه)

console.log(location.hostname);
// مثال: "example.com"

🟢 location.pathname

• مسیر فایل در آدرس

console.log(location.pathname);
// مثال: "/page.html"

🟢 location.protocol

• پروتکل استفاده‌شده (http یا https)

console.log(location.protocol);
// مثال: "https:"

🟢 location.port

• شماره پورت (در صورت وجود)

console.log(location.port);
// مثال: "8080"

🟢 location.search

• پارامترهای Query String

console.log(location.search);
// مثال: "?id=10&name=Ali"

🟢 location.hash

• بخش hash (بعد از # در URL)

console.log(location.hash);
// مثال: "#section2"

🔹 2. متدهای location

📌 location.assign(url)

انتقال کاربر به یک URL جدید (امکان بازگشت با Back وجود دارد).

location.assign("https://google.com");

📌 location.replace(url)

انتقال به URL جدید (بدون امکان بازگشت به صفحه قبلی).

location.replace("https://google.com");

📌 ()location.reload

بارگذاری مجدد صفحه (Refresh).

location.reload(); // معادل دکمه رفرش

🔹 3. مثال کاربردی

console.log("URL کامل:", location.href);
console.log("دامنه:", location.hostname);
console.log("پروتکل:", location.protocol);
console.log("مسیر:", location.pathname);
console.log("پورت:", location.port);
console.log("پارامترها:", location.search);
console.log("هش:", location.hash);

// هدایت به صفحه جدید
// location.assign("https://example.com");

✅ خلاصه

• location.href → URL کامل

• location.hostname → نام هاست

• location.pathname → مسیر فایل

• location.protocol → پروتکل (http/https)

• location.port → شماره پورت

• location.search → Query String

• location.hash → بخش Hash

• متدها:

  • ()assign → هدایت با امکان بازگشت

  • ()replace → هدایت بدون امکان بازگشت

  • ()reload → بارگذاری مجدد