HTML事件屬性onload
HTML事件屬性onload
當加載元素時觸發onload
屬性事件。
onload
最常用于< body> 元件以在網頁已完全加載全部時執行腳本內容,包括圖像,腳本文件,CSS文件等。
我們也可以使用onload
attribute event和iframe。
HTML5中的新功能
沒有。
句法
<element onload="script or Javascript function name">
支持的標簽
<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> <style>
瀏覽器兼容性
onload | Yes | Yes | Yes | Yes | Yes |
例子
以下代碼處理body元素上的onload事件。
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
alert("Page is loaded");
if (navigator.cookieEnabled == true) {
alert("Cookies are enabled.");
} else {
alert("Cookies are not enabled.");
}
}
</script>
</head>
<body onload="myFunction()">
<h1>Hello World!</h1>
</body>
</html>
Click to view the demo
實施例2
以下代碼處理圖像元素的onload事件。
<!DOCTYPE html>
<html>
<body>
<img src="/attachments/jimg/border.png" onload="loadImage()"width="100"height="100">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
</body>
</html>
Click to view the demo