onload 事件

সংজ্ঞা ও ব্যবহার

onload 事件 আইটেমটি লোড হওয়ার পর ঘটে。

onload সবচেয়ে বেশি কম্পিউটারের <body> ইলেকট্রনিক প্রতীকের সাথে ব্যবহৃত হয়, যা ওয়েবপেজটি সম্পূর্ণভাবে লোড হওয়ার পর স্ক্রিপ্ট বাস্তবায়িত করে。

onload 事件 ব্যবহার করে ব্যাক্তিগত ব্রাউজারের ধরন ও সংস্করণ পরীক্ষা করা যায় এবং এই তথ্য আধারিত ভাবে ওয়েবপেজের সঠিক সংস্করণ লোড করা যায়。

onload ইভেন্টটি কুকি পরিচালনার জন্যও ব্যবহার করা যেতে পারে (নিচের আরও উদাহরণ দেখুন).

উদাহরণ

পাতা লোড হওয়ার পরে তাৎক্ষণিকভাবে JavaScript চালু করা:

<body onload="myFunction()">

আপনার নিজেই চেষ্টা করুন

উদাহরণ 2

img> ইলেকট্রনিকেন্টে �onload ব্যবহার করে। ছবি লোড হওয়ার পরে "Image is loaded" সতর্কতা দেখান:

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

আপনার নিজেই চেষ্টা করুন

উদাহরণ 3

onload ইভেন্ট ব্যবহার করে কুকি পরিচালনা করা:

<body onload="checkCookies()">
<script>
function checkCookies() {
  var text = "";
  if (navigator.cookieEnabled == true) {
    text = "Cookies are enabled.";
  } else {
     text = "Cookies are not enabled.";
  }
  document.getElementById("demo").innerHTML = text;
}
</script>

আপনার নিজেই চেষ্টা করুন

সংজ্ঞা

HTML-তে:

<element onload="myScript">

আপনার নিজেই চেষ্টা করুন

জেভাস্ক্রিপ্টে:

object.onload = function(){myScript};

আপনার নিজেই চেষ্টা করুন

জেভাস্ক্রিপ্টে, addEventListener() পদ্ধতি ব্যবহার করে:

object.addEventListener("load", myScript);

আপনার নিজেই চেষ্টা করুন

মন্তব্য:ইন্টারনেট এক্সপ্লোরার 8 বা তার পূর্বের সংস্করণ সমর্থিত না addEventListener() পদ্ধতি

প্রযুক্তিগত বিবরণ

বালুকা: সমর্থিত না
বাতিল করা যেতে পারে: সমর্থিত না
ইভেন্ট ধরন: যদি ইউজার ইন্টারফেস থেকে তৈরি হয়UiEvent。 অন্যথায় Event
সমর্থিত HTML ট্যাগ: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
DOM সংস্করণ: স্তর ২ ইভেন্ট

ব্রাউজার সমর্থন

ইভেন্ট চ্রোম IE ফায়ারফক্স স্যাফারি অপেরা
onload সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন