History API (Web History API)
اینجا با «History API وب» آشنا می شویم. History یعنی تاریخچه صفحات. API یعنی «رابط برنامه نویسی». با History API وب، می توانیم رفت وبرگشت صفحه را مثل دکمه های مرورگر کنترل کنیم.
مفاهیم پایه History API وب
شیء window.history فهرست آدرس های بازدیدشده را نگه می دارد. سپس با متدها می توانیم به صفحه قبلی یا بعدی برویم. همچنین با length تعداد موارد را می خوانیم.
متد back() برای بازگشت
این متد دقیقاً مثل فلش «Back» مرورگر عمل می کند.
function goBackOnePage() {
window.history.back();
}
متد go() برای حرکت دلخواه
با go(n) می توانیم چند صفحه عقب یا جلو برویم. مقدار منفی یعنی عقب.
function goBackTwoPages() {
window.history.go(-2);
}
ویژگی length برای شمارش
با این ویژگی می فهمیم چند ورودی در تاریخچه داریم.
function showHistoryCount() {
const count = window.history.length;
console.log(count);
}
نکته: برای آشنایی بیشتر با APIها، صفحه مقدمه Web API را ببین. همچنین برای اعتبارسنجی فرم، از Validation API استفاده کن.
گام های عملی سریع
- ساخت دکمه «بازگشت» با
history.back(). - پرش چندمرحله ای با
history.go(-2). - نمایش تعداد تاریخچه با
history.length.
جمع بندی سریع
- History API وب جابه جایی تاریخچه را ساده می کند.
back()مثل فلش «Back» مرورگر است.go(n)حرکت سفارشی جلو یا عقب می دهد.lengthتعداد ورودی های تاریخچه را می دهد.