每天一个小知识

原创于 2021-12-19 15:50:30 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

本文介绍了客户端Web应用的生命周期，包括页面构建的过程与不同类型的事件处理。解析了HTML生成DOM树及执行JS代码的重要性，并详细说明了事件的种类，如浏览器事件、用户事件等。此外还探讨了两种注册事件处理器的方法及其优缺点。

客户端web应用的生命周期：页面构建和事件处理
页面构建步骤：

解析html代码并构建文档对象模型DOM

执行js代码
事件的类型：

浏览器事件例如：window.onload

网络事件例如：请求后端数据

用户事件例如：onclick事件

计时器事件例如：setTimeout
注册事件处理器

(1).通过把函数赋给某个特殊属性。(不推荐)例：window.onload = function(){}

document.body.onclick = function(){}

不推荐的原因：

document.getElementById("first").onclick = function () {
                console.log("onclick")
        }
document.getElementById("first").onclick = function () {
                console.log("onclick11")
        }//会覆盖第一个

(2). 通过使用内置addEventListener 方法。