Window History

شیء window.history بخشی از BOM (Browser Object Model) است و امکان مدیریت تاریخچه مرورگر (صفحات بازدید شده توسط کاربر) را فراهم می‌کند.

🔹 1. ویژگی مهم history

🟢 history.length

  • تعداد صفحات موجود در تاریخچه مرورگر

console.log(history.length); // مثلا 5 یعنی کاربر 5 صفحه در این جلسه مرور کرده

🔹 2. متدهای history

📌 ()history.back

  • کاربر را به صفحه قبلی در تاریخچه می‌برد (معادل دکمه Back مرورگر).

history.back();

📌 ()history.forward

  • کاربر را به صفحه بعدی در تاریخچه می‌برد (معادل دکمه Forward مرورگر).

history.forward();

📌 history.go(n)

  • جابجایی در تاریخچه:

    • -1 → یک صفحه به عقب

    • 1 → یک صفحه به جلو

    • 0 → بارگذاری مجدد صفحه جاری

history.go(-1); // یک صفحه عقب history.go(1); // یک صفحه جلو history.go(0); // ریفرش صفحه

🔹 3. مثال کامل

console.log("تعداد صفحات در تاریخچه: " + history.length); // حرکت در تاریخچه document.getElementById("backBtn").onclick = () => history.back(); document.getElementById("forwardBtn").onclick = () => history.forward(); document.getElementById("refreshBtn").onclick = () => history.go(0);

✅ خلاصه

  • history.length → تعداد صفحات در تاریخچه

  • ()history.back → حرکت به عقب (معادل Back)

  • ()history.forward → حرکت به جلو (معادل Forward)

  • history.go(n) → جابجایی دلخواه در تاریخچه