摘要: 事件流 ####事件流与两个阶段说明 概念 事件流:指的是事件完整执行过程中的流动路径 假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段 捕获阶段是 从父到子 冒泡阶段是从子到父 实际工作都是使用事件冒泡为主 事件捕获 概念 从DOM的根元素开始去执行对应的事件 (从外到 阅读全文
posted @ 2022-05-13 22:24 丫丫learning 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 事件监听 概念 事件:事件是在编程时系统内发生的动作或者发生的事情 事件监听:是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为 绑定事件或者注册事件 使用 语法:元素对象.addEventListener('事件类型', 函数) 事件监听三要素: 事件源: 触发事件的元 阅读全文
posted @ 2022-05-13 22:20 丫丫learning 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 概念 setInterval 是 JavaScript 中内置的函数,它的作用是间隔固定的时间自动重复执行另一个函数,也叫定时器函数。 使用 开启/创建定时器 语法:setInterval(函数, 间隔时间) 函数:不加小括号,加小括号会立即执行 时间间隔:单位毫秒,1000毫秒 = 1秒 作用:每 阅读全文
posted @ 2022-05-13 22:15 丫丫learning 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 设置/修改DOM元素内容 元素innerText 属性 将文本内容添加/更新到任意标签位置 显示纯文本,文本中包含的标签不会被解析 <div class ="box">123</div> <div id ="box">abc</div> <script> // 获取元素 let div = docu 阅读全文
posted @ 2022-05-13 22:13 丫丫learning 阅读(156) 评论(0) 推荐(0) 编辑
摘要: DOM对象 概念: 浏览器根据html标签生成的 JS对象 所有的标签属性都可以在这个对象上面找到 修改这个对象的属性会自动映射到标签身上 DOM的核心思想 把网页内容当做对象来处理 获取DOM对象 根据CSS选择器来获取DOM元素 获取单个元素 语法: document.querySelector 阅读全文
posted @ 2022-05-13 22:10 丫丫learning 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 作用和分类 作用: 就是使用 JS 去操作 html 和浏览器 分类:DOM (文档对象模型)、BOM(浏览器对象模型) DOM 概念:DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API DOM(Document Objec 阅读全文
posted @ 2022-05-13 22:02 丫丫learning 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 变量声明有三个 var let 和 const 使用: 首先var 先排除,老派写法,问题很多,可以淘汰掉… const 语义化更好,尽量使用const 有了变量先给const,如果发现它后面是要被修改的,再改为let const const声明的值不能更改,而且const声明变量的时候需要里面进行 阅读全文
posted @ 2022-05-13 21:57 丫丫learning 阅读(37) 评论(0) 推荐(0) 编辑