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) |