পেজ লোড ইভেন্টস
পেজ লোড ইভেন্টগুলো পেজ লোড বা আনলোড হলে ফায়ার হয়। প্রধান লোড ইভেন্টগুলো:
| ইভেন্ট | বিবরণ |
|---|---|
| DOMContentLoaded | DOM ট্রি বিল্ড হয়ে গেলে ফায়ার হয়, এক্সটার্নাল রিসোর্স লোড হওয়ার আগে |
| 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 ইভেন্ট ফায়ার হয়েছে" মেসেজটি প্রদর্শিত হবে।