شیء History و متدهای back و forward در JavaScript :
شیء History در جاوا اسکریپت یکی از شیء های مربوط به مرورگر است که اطلاعاتی را درباره تاریخچه صفحاتی که کاربر در آن ها بوده است، نگهداری می کند. این شیء شامل متدهایی مانند back و forward است که می توان آن ها را برای کنترل صفحات استفاده کرد.
متد back و forward
متد back و forward به ترتیب به کاربر اجازه می دهند تا به صفحات قبلی یا صفحات جلوتر از صفحه فعلی بازگردند. به طور کلی، این متدها از تاریخچه مرورگر استفاده می کنند و به کاربر اجازه می دهند تا بین صفحاتی که قبلاً بازدید کرده اند، جستجو کنند.
برای استفاده از این متدها، می توانید از رویدادهای کلیدی استفاده کنید. برای مثال، با استفاده از کلید Backspace، می توانید متد back را صدا بزنید و با استفاده از کلید Shift+Backspace، می توانید متد forward را صدا بزنید.
نمونه کد:
window.history.back(); // بازگشت به صفحه قبلی
window.history.forward(); // رفتن به صفحه جلوتر
استفاده از متد pushState
متد pushState نیز یکی دیگر از متدهای مربوط به شیء History است که به شما اجازه می دهد تا اطلاعات استاندارد را درباره صفحه فعلی ذخیره کنید. این متد به شما اجازه می دهد تا URL را تغییر دهید بدون اینکه صفحه را بارگیری مجدد کنید، به عنوان مثال، می توانید آن را برای پیاده سازی یک ناوبری مبتنی بر AJAX استفاده کنید.
به طور کلی، متد pushState شامل سه آرگومان است:
1. state: یک شیء است که شامل اطلاعات استاندارد درباره صفحه فعلی است.
2. title: عنوان صفحه.
3. URL: آدرس URL جدیدی که باید به آن منتقل شوید.
نمونه کد:
window.history.pushState({page: 1}, “Title 1”, “?page=1”);
window.history.pushState({page: 2}, “Title 2”, “?page=2”);
window.history.pushState({page: 3}, “Title 3”, “?page=3”);
با استفاده از متدهای back و forward، کاربر می تواند بین صفحات مختلف تاریخچه مرورگر حرکت کند. همچنین با استفاده از متد pushState، می توانید اطلاعات استاندارد درباره صفحه فعلی را ذخیره کنید. این دو متد در بسیاری از برنامه های وب کاربردی استفاده می شوند و به شما اجازه می دهند تا برنامه هایی را با تجربه کاربری بهتر ایجاد کنید.
