【JavaScript】42_DOM：事件与文档的加载

创始人

2025-05-30 04:02:10

7、事件

事件（event）

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

比如：点击按钮、鼠标移动、双击按钮、敲击键盘、松开按键…
可以通过为事件绑定响应函数（回调函数），来完成和用户之间的交互

绑定响应函数的方式：

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

8、文档的加载

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

window.onload

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

document的DOMContentLoaded

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

如何解决这个问题：

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

 Document

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

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

下一篇：QLineEdit 使用总结

热门资讯

Python基础（十七）：装饰... 闭包闭包（英语：Closure），又称词法闭...

计算机科学导论笔记（十四）目录十六、安全 16.1 引言 16.1.1 安全目标 16.1.2 攻击 16.1.2.1 威...

@Transactional导... 首先我有一个Class A和Class B，A和B存在循环依赖。 @Servi...

HTML5-表单 HTML5-表单一、Form 1．action 属性 action 属性用于指定表单...

【小猫爪】AUTOSAR学习笔... 【小猫爪】AUTOSAR学习笔记05-Communication Stack之CanSM模块前言1 ...

c# 使用AutoResetE... 做项目时有一个需求。用一个线程去执行耗时操作。另一个线程需要使用第一个线程的操作结果...

在pycharm中使用chat... 目录前言一、插件安装二、使用步骤总结前言 ChatGPT是目前最强大的AI，...

Codeforces Roun... G. Subsequence Addition 标签规律、数学链接传送门、结论当前前缀和小...

算法leetcode｜42. ... 文章目录42. 接雨水：样例 1：样例 2：提示ÿ...

【项目设计】负载均衡在线OJ 🎇Linux：博客主页：一起去看日落吗分享博主的在L...

Java开发 | 重写 | 多... 前言大家好，我是程序猿爱打拳，今天给大家带来的是面向对象之封装继承多...

【Unity】NavMesh ... 在Unity中，可以使用自带导航系统（Navigation System...

由文心一言发布会引发的思考，聊... 文章目录前言一. 文心一言的试用1.1 文心一言发布会1.2 文心一言图片生成功能试用1.3 文心一...

java线程之Thread类的... Thread类的基本用法1. Thread类的构造方法2. Thread的几个常见属性常见属性线程中...

css实现3D弹性按钮以及bo... box-shadow 在实现案例之前先了解css的阴影属性box-shadow，该属性...

【Linux】基础命令大全、实... 个人简介：Java领域新星创作者；阿里云技术博主、星级博主、专家博主&#...

R语言基础教程4：列表和数据框文章目录列表数据帧表头 R语言系列：1 编程基础💎2 循环语句...

Git基础知识 Git基础知识前言一、Git基本概念1、分布式版本控制系统--Git2、Git配置命令3、Git原理...

【JavaWeb】MySQL 一、数据库的相关概念 1.数据库（DB） ==存储和管...

CPU 是如何执行程序的代码写了那么多，你知道 a = 1 + 2 这条代码是怎么被 CPU ...

从产品的角度看缓存文章目录 1. What——什么是缓存？2. Why——为什么需要使用缓存？2.1 什么是用户体验2...

vivado 开发过程中所遇错... [Synth 8-4556] 开辟的数组内存空间大小问题 [Synth 8-4556] size...

1.4 K8S入门之POD和网... POD 分类自主式POD控制器管理的POD 容器每个容器独立存在，有自己的IP地址...

【二】一起算法---队列：ST... 纸上得来终觉浅，绝知此事要躬行。大家好！我是霜淮子，欢迎订...

在使用fastjson中遇到的... 一、在使用fastjson中遇到的问题导论：最近在写一个JavaFx项目的时候使用...

HJ31 单词倒排描述对字符串中的所有单词进行倒排。说明： 1、构成单词的字符只有26个大写或小写英...

普通插槽、具名插槽、作用域插槽插槽插槽就是子组件提供给父组件的占位符，用slot来表示，父组件可以在...

Go语言必知必会100问题-0... 减少代码的嵌套层数软件开发中的“心智模型”用于描述开发人员在编码时心理活动，每段代码...

CSRF漏洞的概念、利用方式、... CSRF漏洞1.CSRF的概念1.1 什么是CSRF？1.2 基本攻击流程2.CSRF...

基于springboot开发的... 基于springboot开发的学生考勤管理系统如需更多资料请前往文章底部获取联系方式系统设计主要...