Đối tượng này biểu thị lịch sử duyệt web của người dùng ở dạng mảng bao gồm các URL mà người dùng đã truy cập. Đối tượng này được sử dụng để tải các trang web, hơn nữa, nó là thuộc tính của đối tượng cửa sổ
Cú pháp
Có cú pháp như sau.
cửa sổ. lịch sử
Hoặc là,
lịch sử
Đối tượng lịch sử bao gồm các thuộc tính và phương thức nhất định xác định các chức năng của nó. Chúng được giải thích chi tiết dưới đây
Thuộc tính
Đối tượng lịch sử JavaScript chỉ bao gồm một thuộc tính như sau.
length
Thuộc tính length của đối tượng lịch sử được sử dụng để tìm nạp tổng số trang mà người dùng đã truy cập trong phiên duyệt đang diễn ra. Nếu người dùng chưa truy cập trang web nào thì thuộc tính này sẽ trả về 1, tương ứng với trang web hiện tại.
Cú pháp
Cú pháp của thuộc tính độ dài được cung cấp bên dưới.
lịch sử. độ dài
Ví dụ
Giả sử bạn muốn tìm nạp số trang web bạn đã truy cập trong phiên duyệt web hiện tại.
< html >
< body>
Total number of web pages visited by the user:< /p >
< . lịch sử. độ dài; p id="tutorial">
let length = window.history.length;
tài liệu. getElementById["hướng dẫn"]. innerHTML = chiều dài;
< /tập lệnh >
Trong ví dụ trên, thuộc tính độ dài của đối tượng lịch sử đang được sử dụng để trích xuất tổng số URL đã truy cập trong phiên hiện tại
let length = . lịch sử. độ dài;
tài liệu. getElementById ["hướng dẫn"] . innerHTML = độ dài;
đầu ra
Sử dụng thuộc tính độ dài, tổng số trang web đã truy cập được tìm nạp
Phương thức
Đối tượng lịch sử JavaScript bao gồm các phương thức sau.
forward[]
Nó được sử dụng cho mục đích tải trang tiếp theo [nếu trang tiếp theo tồn tại]. Trình duyệt gọi phương thức này theo mặc định khi người dùng nhấp vào nút chuyển tiếp trong trình duyệt, tuy nhiên, chúng tôi cũng có thể thực hiện thủ công.
Cú pháp
Có cú pháp như sau.
lịch sử. chuyển tiếp []
Ví dụ
Giả sử bạn muốn truy cập trang tiếp theo trong danh sách lịch sử bằng phương thức forward[] của đối tượng lịch sử.
Tiếp theo
Trong ví dụ trên, một nút có sự kiện nhấp chuột đang được tạo. Bằng cách nhấp vào nó, trang tiếp theo trong lịch sử duyệt web sẽ được tải
back[]
Nó được sử dụng cho mục đích tải trang trước đó [nếu có trang trước đó]. Mặc định trình duyệt gọi phương thức này khi người dùng click vào nút quay lại trên trình duyệt, tuy nhiên chúng ta cũng có thể thực hiện thủ công.
Cú pháp
Có cú pháp như sau.
lịch sử. quay lại[]
Ví dụ
Giả sử bạn muốn tải trang trước đó trong danh sách lịch sử duyệt web bằng phương thức back[] của đối tượng lịch sử.
Quay lại
Trong ví dụ trên, một nút có sự kiện nhấp chuột đang được tạo. Bằng cách nhấp vào nó, trang trước trong danh sách lịch sử sẽ được tải
go[]
Nó được sử dụng cho mục đích tải một trang cụ thể trong danh sách lịch sử hóa nâu bằng cách sử dụng số trang.
Cú pháp
Có cú pháp như sau.
Thí dụ
Giả sử bạn muốn tải một trang có 3 trang trở lại thì sử dụng đoạn mã sau
Di chuyển 3 trang trở lại
Trong ví dụ trên, một nút có sự kiện nhấp chuột đang được tạo và việc nhấp vào nút sẽ đưa bạn quay lại 3 trang
Những điểm cần nhớ
- Để tải lại trang hiện tại, hãy sử dụng lịch sử. đi[0]
- Không có sự khác biệt giữa lịch sử. chuyển tiếp [] và lịch sử. đi[1]
- Không có sự khác biệt giữa lịch sử. quay lại [] và lịch sử. đi[-1]
Phần kết luận
Đối tượng history [thuộc tính của đối tượng window] biểu thị lịch sử duyệt web của người dùng ở dạng mảng bao gồm các URL mà người dùng đã truy cập. Nó bao gồm nhiều thuộc tính và phương thức như thuộc tính độ dài được sử dụng để lấy số lượng trang web mà người dùng đã truy cập, phương thức forward[] được sử dụng để tải trang tiếp theo, phương thức back[] được sử dụng để tải trang trước đó và đi . Các thuộc tính và phương thức này được đánh dấu trong bài viết này cùng với các ví dụ phù hợp