【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​
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：【数据结构】KMP算法细节详解

下一篇：QLineEdit 使用总结

相关内容

热门资讯

长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...
cad打印线条粗细设置 cad... 004-线型（下）打印样式设置和线型文件使用一、线宽设置方法制图规范里边的线宽要求，我们已经定义好，...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用，包括头部穴位图、胸部穴位图、背部穴位图、胳...
阿西吧是什么意思 阿西吧相当于... 即使你没有受到过任何外语培训，你也懂四国语言。汉语：你好英语：Shit韩语：阿西吧（아，씨발! ）日...
应用未安装解决办法 平板应用未... ---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...