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

জাভাস্ক্রিপ্টে লোড ইভেন্টস ব্যাখ্যা

পেজ লোড ইভেন্টস

পেজ লোড ইভেন্টগুলো পেজ লোড বা আনলোড হলে ফায়ার হয়। প্রধান লোড ইভেন্টগুলো:

ইভেন্টবিবরণ
DOMContentLoadedDOM ট্রি বিল্ড হয়ে গেলে ফায়ার হয়, এক্সটার্নাল রিসোর্স লোড হওয়ার আগে
loadব্রাউজার সব রিসোর্স ফুলি লোড করলে ফায়ার হয়
beforeunloadপেজ আনলোড হওয়ার আগে ফায়ার হয়, ইউজার কনফার্মেশনের জন্য
unloadপেজ পূর্ণাঙ্গ আনলোড হলে ফায়ার হয়

উদাহরণ

<!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; }
        .result { font-size: 18px; color: blueviolet; font-weight: 500; }
    </style>
</head>
<body>
    <h1>জাভাস্ক্রিপ্টে লোড ইভেন্টস</h1>
    <div class="result"></div>
    <script>
        let resEle = document.querySelector(".result");
        document.addEventListener("DOMContentLoaded", () => {
            resEle.innerHTML = "DOMContentLoaded ইভেন্ট ফায়ার হয়েছে <br>";
        });
    </script>
</body>
</html>

আউটপুট

পেজ লোড হলে "DOMContentLoaded ইভেন্ট ফায়ার হয়েছে" মেসেজটি প্রদর্শিত হবে।

  1. জাভাস্ক্রিপ্টে শর্টহ্যান্ড (Arrow) ফাংশন ব্যাখ্যা

  2. জাভাস্ক্রিপ্টে for...in স্টেটমেন্ট ব্যাখ্যা

  3. জাভাস্ক্রিপ্টে অবজেক্ট সমতা ব্যাখ্যা

  4. Selenium-এ জাভাস্ক্রিপ্ট সহ জটিল পেজ লোড হওয়ার জন্য অপেক্ষা করা