等待页面都加载完后再执行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
// window.onload=function(){
// alert(exist("getSpanText"));
// alert(exist("111"))
// }
function loadText(){
var spanValue = document.getElementById("getSpanText").innerHTML;
alert("spanValue = " + spanValue);
alert(exist("getSpanText"));
}
function exist(id){
var s=document.getElementById(id);
if(s){
return true
}
else{
return false
}
}
</script>
</head>
<body onload="loadText()">
<span id="getSpanText">Jason</span》
</body>
</html>
页面加载之后立即执行一段 JavaScript：
<body onload="load()">
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器都支持 onload 属性。
定义和用法
onload 属性在对象已加载时触发。
onload 常用在 <body> 中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onload="script">
属性值
| 值 | 描述 |
|---|---|
| script | onload 发生时运行的脚本。 |
JS onload 事件
定义和用法
onload 事件会在页面或图像加载完成后立即发生。
语法
onload="SomeJavaScriptCode"
| 参数 | 描述 |
|---|---|
| SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 |
支持该事件的 HTML 标签：
<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支持该事件的 JavaScript 对象：
image, layer, window
实例
在本例中，文本 "Page is loaded" 会被显示在状态栏中：
<html>
<head>
<script type="text/javascript">
function load()
{
window.status="Page is loaded"
}
</script>
</head>
<body onload="load()">
</body>
</html>
TIY
- onload
- 如何使用 onload 在页面完成加载时在状态栏显示一段文本。