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

最新推荐文章于 2024-12-12 16:31:19 发布

原创最新推荐文章于 2024-12-12 16:31:19 发布 · 974 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web前端 #javascript

JavaScript进阶篇专栏收录该内容

91 篇文章

订阅专栏

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

加载事件（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>