JS事件加载事件（onload）注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。 2. 此节的加载页面，可理解为打开一个新页面时。

四哥-云上

于 2016-06-14 10:40:04 发布

阅读量959

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript进阶篇文章标签： web前端 javascript

本文链接：https://blog.youkuaiyun.com/yongbin668/article/details/51669428

JavaScript进阶篇专栏收录该内容

91 篇文章

订阅专栏

本文介绍了一个简单的HTML页面如何使用JavaScript的onload事件来实现在页面加载完成时弹出提示对话框的功能。通过示例代码展示了如何将事件处理函数与<body>标签结合使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

加载事件（onload）

事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。

2. 此节的加载页面，可理解为打开一个新页面时。
如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。

运行结果：

任务

补充右边编辑器第10行，实现加载页面时，弹出对话框“加载中，请稍等…”。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 加载事件 </title>
<script type="text/javascript">
  function message(){
    alert("加载中，请稍等…"); }
</script>    
</head>
<body onload="message()">
  欢迎学习JavaScript。
</body>
</html>