Đối tượng lịch sử trong JavaScript

Đố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>

<p>Total number of web pages visited by the user:< /p >

< . lịch sử. độ dài; p id="tutorial"></p>

<script>
let length = window.history.length;
tài liệu. getElementById("hướng dẫn"). innerHTML = chiều dài;
< /tập lệnh >

</body>
</html>

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

Đối tượng lịch sử trong JavaScript

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ử.

< lần nhấp vào nút ="lịch sử. forward()"> Tiếp theo nút >

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ử.

< lần nhấp vào nút ="lịch sử. back()"> Quay lại nút >

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

< lần nhấp vào nút ="lịch sử. go(-3)"> Di chuyển 3 trang trở lại button>

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ớ

  1. Để tải lại trang hiện tại, hãy sử dụng lịch sử. đi(0)
  2. Không có sự khác biệt giữa lịch sử. chuyển tiếp () và lịch sử. đi(1)
  3. 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

Làm cách nào để xem lịch sử trong JavaScript?

Phương thức của đối tượng Lịch sử. .
Phương thức chuyển tiếp (). Phương pháp này được sử dụng để tải URL tiếp theo trong danh sách lịch sử. .
Phương thức quay lại (). Phương pháp này được sử dụng để tải URL trước đó trong danh sách lịch sử. .
Phương thức go(). Phương pháp này được sử dụng để tải một URL từ danh sách lịch sử

Một đối tượng lịch sử chứa gì?

Đối tượng lịch sử chứa các URL được người dùng truy cập (trong cửa sổ trình duyệt). Đối tượng lịch sử là một thuộc tính của đối tượng cửa sổ.

Làm cách nào để xóa lịch sử của một đối tượng trong JavaScript?

Không có cách nào để xóa lịch sử phiên hoặc tắt điều hướng tiến/lùi từ mã không có đặc quyền. Giải pháp khả dụng gần nhất là vị trí. phương thức thay thế() , thay thế mục hiện tại của lịch sử phiên bằng URL được cung cấp.

Lịch sử JavaScript trở lại () là gì?

Lịch sử. back() khiến trình duyệt di chuyển trở lại một trang trong lịch sử phiên . Nó có tác dụng tương tự như gọi lịch sử. đi(-1). Nếu không có trang trước, cuộc gọi phương thức này không làm gì cả.