【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 使用总结

相关内容

热门资讯

我喜欢你韩语怎么说 sikid...
北京的名胜古迹 北京最著名的景... 北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
世界上最漂亮的人 世界上最漂亮... 此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...