HTML DOM History length প্রপার্টি বর্তমান ব্রাউজার উইন্ডোর হিস্টরি লিস্টে কতটি URL আছে সেটি রিটার্ন করে। এটি শুধু পঠনযোগ্য (read-only)।
সিনট্যাক্স
history.length
উদাহরণ: ইতিহাসের লেন্থ দেখানো
<!DOCTYPE html>
<html>
<head>
<style>
body { text-align: center; }
.btn {
background-color: lightblue; border: none; height: 2rem;
border-radius: 50px; width: 60%; margin: 1rem auto; display: block;
}
.show {
font-size: 2rem; font-weight: bold; color: orange;
}
</style>
</head>
<body>
<h1>History length Property Example</h1>
<button type="button" onclick="getHistoryLength()" class="btn">
Click me to get History length
</button>
<div class="show"></div>
<script>
function getHistoryLength() {
var historyLength = history.length;
document.querySelector(".show").innerHTML = historyLength;
}
</script>
</body>
</html>
আউটপুট
বাটনে ক্লিক করলে বর্তমান সেশনে ব্রাউজার হিস্টরিতে কতটি এন্ট্রি আছে সেটি দেখাবে।
গুরুত্বপূর্ণ সীমাবদ্ধতা
history.lengthশুধু বর্তমান ট্যাব/উইন্ডোর সেশন হিস্টরি গণনা করে।- প্রাইভেসি কারণে আপনি ইতিহাসের實際 URL-গুলো পড়তে বা ম্যানিপুলেট করতে পারবেন না।
- নেভিগেশন için
history.back(),history.forward(),history.go(n)মেথডগুলো ব্যবহার করুন।