window.onload的意思是:事件会在页面加载完成后触发。
例如:
<!doctype html>
<html>
<head>
<title>window.onload示例</title>
<script type="text/javascript">
window.onload = function(){
alert('页面加载完成');
}
alert('页面尚未加载完成,页面内容不显示');
</script>
</head>
<body>
页面内容
</body>
</html>用法:一般可以用这个事件做一些页面数据初始化之类的工作。
扩展资料:
window.onload使用方法:
1、window.onload=function(){
var tr=obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}
2、function func(){
var tr=obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}
window.onload=func;
例如:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=ShowMessage();
</script>
</head>
<body>
当你看到true时看不到我
</body>
</html>
当你看到true的弹出框的时候,你肯定没有看到“当你看到true时看不到我”,说明页面还没有载入完就已经开始执行js了。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=function(){ShowMessage();}
</script>
</head>
<body>
你看到true时就看到我了
</body>
</html>
当你看到true的弹出框的时候,你也会看到“你看到true时就看到我了”,这个才是真正的页面载入完才 触发。
onload 事件会在页面或图像加载完成后立即发生。
window.onload事件会在页面加载完成后触发。
示例:
<!doctype html>
<html>
<head>
<title>window.onload示例</title>
<script type="text/javascript">
window.onload = function(){
alert('页面加载完成');
}
alert('页面尚未加载完成,页面内容不显示');
</script>
</head>
<body>
页面内容
</body>
</html>
打开该页面会首先弹出“页面尚未加载完成,页面内容不显示”提示框,此时页面时空白的(由于alert会阻塞页面的线程,所以页面不会继续加载,直到点击确定后才会继续执行),点击确定后,会弹出提示“页面加载完成”,此时可以看到页面内容四个字,页面已加载完成。