【JavaScript】42_DOM:事件与文档的加载
创始人
2025-05-30 04:02:10

7、事件

事件(event)

  • 事件就是用户和页面之间发生的交互行为

    比如:点击按钮、鼠标移动、双击按钮、敲击键盘、松开按键…

  • 可以通过为事件绑定响应函数(回调函数),来完成和用户之间的交互

绑定响应函数的方式:

1.可以直接在元素的属性中设置2.可以通过为元素的指定属性设置回调函数的形式来绑定事件(一个事件只能绑定一个响应函数)3.可以通过元素addEventListener()方法来绑定事件
 

8、文档的加载

网页是自上向下加载的,如果将js代码编写到网页的上边, js代码在执行时,网页还没有加载完毕,这时会出现无法获取到DOM对象的情况

window.onload

事件会在窗口中的内容加载完毕之后才触发

document的DOMContentLoaded

事件会在当前文档加载完毕之后触发

如何解决这个问题:

  1. 将script标签编写到body的最后( * )
  2. 将代码编写到window.onload的回调函数中
  3. 将代码编写到document对象的DOMContentLoaded的回调函数中(执行时机更早)
  4. 将代码编写到外部的js文件中,然后以defer的形式进行引入(执行时机更早,早于DOMContentLoaded)( * )
 Document

相关内容

热门资讯

吸猫伐是什么意思 吸猫是吸哪里 作为铲屎官,相信对于网络上流行的各种与猫咪相关的梗都是了然于心的,什么吸猫啦,撸猫啦,云养猫啦……等...
重庆属于哪个省份的 重庆在中国... 重庆有多大,大到超出我们的想象,重庆作为我国4个直辖市之一,印象里应该跟京津沪面积差不多,可事实上却...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
阿西吧是什么意思 阿西吧相当于... 即使你没有受到过任何外语培训,你也懂四国语言。汉语:你好英语:Shit韩语:阿西吧(아,씨발! )日...