1. History trong Javascript là gì?

Khi bạn lướt web thì trình duyệt sẽ lưu lại lịch sử lướt web của bạn. Dựa vào lịch sử đó, ta có thể xem lại những ngày trước đã xem những gì, truy cập vào những trang nào.. Tuy vấn đề này đã được trình duyệt hỗ trợ bằng các tính năng (back, forward, clear history). Nhưng nếu bạn cần sử dụng Javascript để xử lý thì sẽ có đối tượng window.history giúp bạn.

Cũng như location, history cũng là một thành phần con của window nên chúng ta phải thông qua đối tượng window để thao tác với history.

Bài viết này được đăng tại [free tuts .net]

1
window.history

2. Xem lịch sử lướt web bằng javascript

Các thao tác chủ yếu là xem tổng số trang đã truy cập, đi đến một trang cấp thứ bao nhiêu tính từ trang hiện tại.

Đếm tổng số trang đã lưu trong history

Nếu bạn muốn đếm tổng số trang đã lưu trong lịch sử lướt web thì bạn có thể sử dụng cú pháp sau:

1
var totalPage = window.history.length;

Đi tới một trang nào đó trong history

Chúng ta có ba phương thức thường dùng để đến một trang trong history:

  • history.back() : trở lại trang trước
  • history.forward() : đi tới trang kế tiếp
  • history.go(number): đi tới một trang:
    • nếu number âm thì tính từ trang hiện tại trừ đi number
    • nếu number dương thì tính từ trang hiện tại cộng với number
1
2
3
4
5
6
7
8
// trở lại trang trước
window.history.back();
 
// đi tới trang kế tiếp sau khi sử dụng back()
window.history.forward()
 
// đi tới trang cách đây 5 lần lướt web
window.history.go(-5);

Ok vậy là chúng ta đã tìm hiểu một số hàm quan trọng trọng history rồi đấy.

3. Lời kết

Đối tượng history trong Javascript được đánh giá là ít khi sử dụng nhất, bởi những tính năng của nó xoay quanh việc quản lý lịch sử lướt trang, điều mà trình duyệt đã hỗ trợ rất tốt. Chỉ có một số ứng dụng single page mới cần, nhưng rất hiếm.