Đối tượng Lịch sử JavaScript chứa danh sách URL mà người dùng đã truy cập và cho phép chúng tôi di chuyển trở lại hoặc chuyển tiếp trong danh sách lịch sử và cũng tải một số url từ danh sách lịch sử.
Sau đây là mã để triển khai đối tượng Lịch sử trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample {
font-size: 18px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript History object</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to check our history length
</h3>
<script>
let sampleEle = document.querySelector(".sample");
document.querySelector(".Btn").addEventListener("click", () => {
sampleEle.innerHTML = "Your history length is = " + history.length;
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
