JS中页面加载事件window.onload、onload()、document.onclick

时间:2022-09-07 11:25:27

当我们刷新页面的时候,有时需要页面自动加载一些事件来达到预期效果,现介绍下面三种方法:

window.onload()页面加载事件。

document.onclick()页面点击事件也可以达到该效果

onload()用在body里。

注意window.onload、onload() 事件会在页面或图像加载完成后才发生,所以当页面有很大数据量没加载完时,事件不会发生。

<html>
<head>
<script type="text/javascript">
function load1()
{
alert("onload1事件!");
}
function load11()
{
alert("onload11事件!");
}
function load2()
{
alert("window.onload事件!");
}
function load3()
{
alert("document.onclick自动加载事件!");
}

window.onload=load2();
document.onclick = load3();
document.onclick =function()
{
alert("document.onclick事件:点击页面的任何一个地方.");
};
</script>
</head>

<body onload="load1();load11();">
<div>你好!</div>
</body>


</html>