onload 属性的作用

最新推荐文章于 2023-10-11 11:04:33 发布

Yuyuquan

最新推荐文章于 2023-10-11 11:04:33 发布

阅读量2.5k

点赞数 1

分类专栏： web前端文章标签：方法

本文链接：https://blog.csdn.net/qq_27918787/article/details/52578300

版权

web前端专栏收录该内容

37 篇文章 3 订阅

订阅专栏

onload故名思语就是“页面加载完成后执行的动作”。一般写在body里面。
举个例子，在html页面中有一个大图片，想要在图片显示出来后提示一个消息框“图片加载完成”，
如果你直接写在JS里function（）{alert（“图片加载完成”）;}因为代码执行顺序是从上到下一次执行，图片还没加载，而函数已经执行那么就不合理了，
所以用onload方法，就是为了等页面的东西都加载完了才执行。


此方法一般写在body里
<html>
<head>
<script type="text/javascript">
function load()
{
window.status="Page is loaded"
}
</script>
</head>

<body οnlοad="load()">
</body>

</html>
.