最新的Web開發教程
 

HTML onload事件屬性

<HTML事件屬性

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

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

更多“試一試”的例子。


定義和用法

onload當一個對象被加載屬性火災。

onload事件是最常用的中使用<body>元素,一旦在網頁完全加載的所有內容(包括圖片,腳本文件,CSS文件等)來執行一個腳本。 但是,它可以在其他元素被用來作為(見下文“支持HTML標籤”)。

onload屬性可以用來檢查訪問者的瀏覽器類型和瀏覽器版本,並加載基於信息的網頁的正確版本。

onload屬性還可以用來處理餅乾(見下面“更多示例”)。


瀏覽器支持

事件屬性
onload

HTML 4.01和HTML5之間的差異

沒有。


句法

<elementonload=" script ">

屬性值

描述
script 該腳本將上運行的onload

技術細節

支持的HTML標籤: <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script><style>

更多示例

使用上的onload <img>元素。 警報“加載圖像”的圖像已經被加載後,立即:

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

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

使用onload事件處理cookies (使用"advanced"的JavaScript):

<body onload="checkCookies()">

<p id="demo"></p>

<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 DOM參考: onload事件


<HTML事件屬性