onload 事件

DOM 事件 ບັນດາບັນດາຄວາມເຫດການ

定义和用法

onload 事件在对象被加载后发生。

onload 最常用于 <body> 元素中，用于在网页完全加载所有内容（包括图像、脚本文件、CSS 文件等）后执行脚本。

onload 事件可用于检查访问者的浏览器类型和浏览器版本，并根据这些信息加载网页的正确版本。

onload 事件ກໍ່ສາມາດນຳໃຊ້ເພື່ອຈັດການ cookie (ບໍ່ລວມຕົວຢ່າງຫຼາຍໃນລາຍລະອຽດໃຫ້ຫຼັງ).

ຕົວຢ່າງ

ດຳເນີນ JavaScript ໃນຕອນທີ່ຂາຍຕະຫຼອດຂອງບາງເວັບໄຊ:

<body onload="myFunction()">

ທ້າທາຍຕົວເອງຢ່າງພິເສດ:

ຕົວຢ່າງ 2

ນຳໃຊ້ onload ໃນ ສັບສຳນັກງານ <img>。ພຽງແຕ່ມີພາບໄດ້ຫຼຸດລົງຈະໄດ້ສະແດງເຕືອນ "ພາບລົງມາແລ້ວ":

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

ທ້າທາຍຕົວເອງຢ່າງພິເສດ:

ຕົວຢ່າງ 3

ນຳໃຊ້ການເກີດຂອງ onload ເພື່ອຈັດການ cookie:

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

ທ້າທາຍຕົວເອງຢ່າງພິເສດ:

ຂໍ້ຄວາມ:

ໃນ HTML:

<element onload="myScript">

ທ້າທາຍຕົວເອງຢ່າງພິເສດ:

ໃນ JavaScript:

object.onload = function(){myScript};

ທ້າທາຍຕົວເອງຢ່າງພິເສດ:

ໃນ JavaScript，ນຳໃຊ້ກົນລະຍຸດ addEventListener():

object.addEventListener("load", myScript);

ທ້າທາຍຕົວເອງຢ່າງພິເສດ:

ຄຳເຫັນ:Internet Explorer 8 ຫຼືຫຼັງຈາກນັ້ນບໍ່ສາມາດສະໜັບສະໜູນ: ກົນລະຍຸດ addEventListener()。

ຂໍ້ມູນດ້ານເຕັກນິກ:

ການລະເບີດອອກຕາມຈຸດຕັ້ງແຕ່ຫຼັງ: ບໍ່ສາມາດສະໜັບສະໜູນ:
ສາມາດຍົກເລີກ: ບໍ່ສາມາດສະໜັບສະໜູນ:
ຊະນິດຂອງເຫດການ: ຖ້າເກີດຈາກຂ້າງໜ້ານັກພົນລະພາບ:UiEvent。 Event。
ສະໜັບສະໜູນ HTML ອັກສາ: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
DOM 版本： Level 2 Events

浏览器支持

事件 Chrome IE Firefox Safari Opera
onload 支持 支持 支持 支持 支持
DOM 事件 ບັນດາບັນດາຄວາມເຫດການ