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

最新推荐文章于 2025-03-07 00:40:03 发布

原创最新推荐文章于 2025-03-07 00:40:03 发布 · 8.9k 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

12 篇文章

订阅专栏

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

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>