31 lines
951 B
Markdown
31 lines
951 B
Markdown
|
---
|
|||
|
|
title: Onload Event
|
|||
|
|
localeTitle: Onload事件
|
|||
|
|
---
|
|||
|
|
## Onload事件
|
|||
|
|
|
|||
|
|
`onload`事件用于在加载页面后立即执行JavaScript函数。
|
|||
|
|
|
|||
|
|
### 例：
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
<body onload="myFunction()">
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
function myFunction() {
|
|||
|
|
alert('Page finished loading');
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
在上面的示例中，只要加载了网页，就会调用`myFunction`函数，向用户显示`Page finished loading`警报。
|
|||
|
|
|
|||
|
|
`onload`事件最常用于`<body>`元素中以执行脚本。如果它附加到`<body>` ，则一旦网页完全加载了所有内容（图像，脚本文件，CSS文件等），脚本就会运行。
|
|||
|
|
|
|||
|
|
#### 更多信息：
|
|||
|
|
|
|||
|
|
[MDN](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload)
|
|||
|
|
|
|||
|
|
#### 其他资源
|
|||
|
|
|
|||
|
|
[jQuery .on（）事件处理程序附件](https://api.jquery.com/on/) [Stack Overflow：window.onload与document.onload](https://stackoverflow.com/questions/588040/window-onload-vs-document-onload)
|