জাভাস্ক্রিপ্টে পৃষ্ঠা লোড ইভেন্টগুলি যখন পৃষ্ঠাটি লোড বা আনলোড হয় তখন ফায়ার করা হয়। নিম্নলিখিত ঘটনাগুলি -
| ইভেন্ট | বিবরণ |
|---|---|
| DOMCcontentLoaded | ডম ট্রি তৈরি করা হলে এটি চালু করা হয় কিন্তু স্টাইলশীট, ছবি ইত্যাদির মতো বাহ্যিক সংস্থান এখনও লোড করা হয় না। |
| লোড করুন৷ | যখন ব্রাউজার সম্পূর্ণরূপে সমস্ত সংস্থান লোড করে তখন এটি চালু হয়৷ | ৷
| আনলোড করার আগে | পৃষ্ঠা এবং সংস্থানগুলি আনলোড হওয়ার আগে এটি গুলি করা হয় এবং ব্যবহারকারী সত্যিই ছেড়ে যেতে চান কিনা তা নিশ্চিত করতে ব্যবহার করা যেতে পারে। |
| আনলোড করুন৷ | পৃষ্ঠাটি সম্পূর্ণরূপে আনলোড হয়ে গেলে এটি ফায়ার করা হয়। |
জাভাস্ক্রিপ্ট-
-এ লোড ইভেন্টের কোড নিচে দেওয়া হলউদাহরণ
<!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>Load events in Javascript</h1>
<div class="result"></div>
<script>
let resEle = document.querySelector(".result");
document.addEventListener("DOMContentLoaded", () => {
resEle.innerHTML = "The DOMContentLoaded event has fired <br>";
});
</script>
</body>
</html> আউটপুট
