最新的Web開發教程
 

onload事件

<事件對象

例

執行JavaScript的網頁加載後立即：

<body onload="myFunction()">
試一試»

更多"Try it Yourself"下面的例子。

定義和用法

當一個對象已經加載發生onload事件。

的onload是最經常的內使用<body>元素一旦一個網頁已經完全加載的所有內容（包括圖像，腳本文件，CSS文件，等），以執行腳本。

onload事件可以被用來檢測訪問者的瀏覽器類型和版本，並加載基於信息的網頁的正確版本。

onload事件也可以被用來對付cookies （見"More Examples"下文）。

瀏覽器支持

事件
onload 是 是 是 是 是

句法

在HTML：

< 試一試»

在JavaScript：

object .onload=function(){ 試一試»

在JavaScript中，使用addEventListener()方法：

object .addEventListener("load", myScript );
試一試»

注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。

技術細節

泡沫： 沒有
取消： 沒有
事件類型： 的UIEvent如果從用戶接口生成的，事件否則。
支持的HTML標籤： <BODY>，<幀>，<IFRAME>，<IMG>，<INPUT TYPE =“圖像”>，<鏈路>，<SCRIPT>， <style>
DOM版本： 2級事件
例子

更多示例

例

使用上的onload <img>的元素。 警報"Image is loaded"的形象已經被加載後立即：

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>
試一試»

例

使用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>
試一試»
<事件對象