章节
问答
课签
笔记
评论
占位
占位

加载事件（onload）

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

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

运行结果：

任务

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

?不会了怎么办

1. 使用 onload事件

2. onLoad ="message()"

||
1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后，及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

为什么弹两次？

最赞回答 / 慕后端0302327
这种网页内嵌的网页会被加载两次。最好是自己用编辑器敲代码，然后再浏览器加载。
3 回答 854 浏览
2021-03-04

请问一个html标签中可以有多个body标签吗

最新回答 / wllzdh
不可以
3 回答 3526 浏览
2020-08-14

为什么是在页面加载完后触发

最赞回答 / qq_慕用7214620
js代码都是从上到下依次执行的,获取页面元素节点时,需要等待页面加载才能获取界面上的元素节点并进行操作。否则的话你就获取不到元素节点。这个就是个联系。后面会讲的。
3 回答 1079 浏览
2021-08-28

怎样实现提示窗口只在加载时出现？

最赞回答 / akakidz
<script type="text/javascript">window.onload = function(){alert('页面加载完成');}alert('页面尚未加载完成,页面内容不显示');</script>等你看到AJAX和jQuery,思路就会清晰了,加油
2 回答 968 浏览
2019-09-17

把onload放在script和body标签的区别是什么？

已采纳回答 / 月读o_O
没区别。定义和用法：onload 事件会在页面或图像加载完成后立即发生。onload 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。语法：在 HTML 中：<body onload="SomeJavaScriptCode">在 JavaScript 中：window.onload = function() {    SomeJavaScriptCode;};
2 回答 1872 浏览
2019-01-20

加载结束呢？

最新回答 / 森林里麋了鹿的路
加载时弹出
1 回答 998 浏览
2018-09-20

怎么像那些流氓软件一样，使得弹出来的alert，除非点确定，否则点关闭也会一直出现

已采纳回答 / 奔走的尖牙
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>单击事件 </title><script type="text/javascript">  function forever(){      var flag=false;      while(flag==false)...
5 回答 1376 浏览
2020-01-10

为何提交后会alert出两次？

已采纳回答 / Lunatic123
你复制到自己的编辑器上，这种网页版本的多少会有一些 bug
1 回答 983 浏览
2019-02-27

onload&&alert

已采纳回答 / 然后呢Chen
onload的那一节讲的很清楚的，页面加载完才执行onload事件的。也就是先加载后弹窗。
2 回答 971 浏览
2019-01-04

​是加载时 还是加载完成后

最新回答 / 小吕123
个人觉得，网页中显示的所有东西都是包含在body标签内的，尽管页面在加载的过程是从上往下的，但是在读取函数的时候，需要读到函数的调用，页面才会运行该函数体中的内容。
3 回答 1269 浏览
2018-08-22

加载新页面与弹出对话框是同时进行的，我理解是应该先弹出对话框，然后跳出新页面，谁能帮我解答？

已采纳回答 / 挨踢大神
不是的，window onload=函数； // 意思是在页面加载之后执行这个函数，就相当于一个事件，这个事件的触发条件就是在页面加载完成后马上执行。慕课教的方法是在body标签上加入属性onload=函数；也可以按我上面的写法，直接写在js中，原理一样。
2 回答 1521 浏览
2017-06-22

onload="message()" 欢迎学习JavaScript。对还是错？

已采纳回答 / NeverGiveUp_0002
对的吧，刚试过
1 回答 1406 浏览
2016-11-25

编译弹出框

最新回答 / W_bobby
重置代码。或者用alert写一个弹出框
1 回答 489 浏览
2016-11-10

是不是所有事件都要和function连用

已采纳回答 / 慕粉3912077
不是，看你需不需要封装事件来调用，不需要就可以不用function。就像你要带上点东西出门，你可以背个书包拿个袋子来装东西方便你携带，也可以自己捧着拿着，不用书包袋子（容器）那些就出门
2 回答 1133 浏览
2016-11-05

为什么我点提交才弹出alert，点运行结果没反应

已采纳回答 / Spring_苏神3190630
正常 ，这是因为你在 慕课网， 你在自己的编辑器里试试。
1 回答 1600 浏览
2016-09-29
全部 我要发布
最热 最新
只看我的

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言