কম্পিউটার টিউটোরিয়াল

HTML DOM History length প্রপার্টি

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) মেথডগুলো ব্যবহার করুন।
  1. HTML DOM tagName প্রপার্টি

  2. HTML DOM name প্রপার্টি

  3. HTML DOM textContent প্রপার্টি

  4. HTML DOM Ol type প্রপার্টি