HTML onload 事件属性
onload 属性在对象已加载时触发。 onload最常用于<body>元素中，用于在网页完全加载所有内容（包括图像、脚本文件、CSS文件等）后执行脚本。
实例
页面加载之后立即执行一段 JavaScript：
<!DOCTYPE html><html><head><script>function myFunction() {alert("Page is loaded");}</script></head><body onload="myFunction()"><h1>Hello World!</h1></body></html>
浏览器支持
| 事件 | |||||
|---|---|---|---|---|---|
| onafterprint | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 onload 属性。
定义和用法
onload 属性在对象已加载时触发。
onload最常用于<body>元素中，用于在网页完全加载所有内容（包括图像、脚本文件、CSS文件等）后执行脚本。但是，它也可以用于其他元素。例如<frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> 和 <style>。
onload属性可用于检查访问者的浏览器类型和浏览器版本，并根据信息加载网页的正确版本。
onload属性也可用于处理cookies。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onload="script">
属性值
| 值 | 描述 |
|---|---|
| script | onload 发生时运行的脚本。 |
更多实例
img 标签应用 onload 事件<!DOCTYPE html><html><body><img src="/images/demo.png" onload="loadImage()" ><script>function loadImage() {alert("图片已加载");}</script></body></html>
用 onload 事件判断 cookie 可用性
<!DOCTYPE html><html><body onload="checkCookies()"><p id="demo"></p><script>function checkCookies() {var text = "";if (navigator.cookieEnabled == true) {text = "Cookies可用";} else {text = "Cookies不可用";}document.getElementById("demo").innerHTML = text;}</script></body></html>