![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webapi
文章平均质量分 85
九九nine9
这个作者很懒,什么都没留下…
展开
-
三大家族总结、自动轮播、JS的bug归纳
三大家族1 . offset家族 : 获取元素 ‘自身’ 的真实宽高 和 真实位置offsetWidth / offsetHeight : 获取 width+padding+borderoffsetLeft / offsetTop : 获取 左/上 外边框 到定位父元素 左/上 内边框距离2 . scroll家族 : 获取元素 ‘内容’ 的真实宽高 和 位置scrollWidth / scrollHeight : 获取内容的宽高scrollLeft / scrollTop : 内容的位置(就是原创 2022-04-02 19:12:36 · 129 阅读 · 0 评论 -
BOM介绍、window对象、localStorage 、JSON
BOM介绍window对象js : ECMAScript对象(array,object,Math,Date) DOM(document) BOM一:特点1 .window对象 : 是js中的顶级对象, 所有的全局方法和属性都是window对象的成员2 . 只要是window对象的成员,使用时一律可以省略windowconsole.log( window )console.log( window.document === document )//true3 . window对象有一个特原创 2022-04-02 17:07:00 · 1054 阅读 · 0 评论 -
事件注册方法、阻止默认事件、事件对象、事件冒泡:事件委托、事件捕获、重置表单
dom两种注册事件语法1.点语法注册事件:事件源.事件类型 = 事件处理函数特点:不能注册‘同名事件’, 否则会覆盖2.addEventListener事件源.addEventListener(‘事件类型’,事件处理函数)特点:可以注册‘同名事件’,依次触发@description: 给元素注册同名事件@param {string} 事件类型 不要on@param {function} 事件处理函数@return:box.addEventListener('click',func原创 2022-03-31 19:09:26 · 609 阅读 · 0 评论 -
节点、新增DOM元素、克隆节点、删除节点、Date内置对象、定时器 语法总结
节点介绍节点 node : 网页一切内容皆为节点节点作用 : 让渲染引擎准确的渲染dom树 (另一种获取元素的方式)四种节点: 元素节点、 属性节点 、 文本节点 、 注释节点最重要: 元素节点(标签)查找节点1.获取子元素元素.children (拿到是是伪数组) //获取父元素 let ul = document.querySelector('ul') //1.1 获取子节点 console.log( ul.childNodes )//获取原创 2022-03-30 17:37:19 · 480 阅读 · 0 评论 -
焦点事件、排他思想、开关思想:全选与单选、attribute
1.输入框焦点事件(1) onfocus:成为焦点, 点击输入框的时候,出现闪烁光标,此时可以输入内容(2) onblur :失去焦点, 点击页面空白区域,光标消失。此时不可以输入内容2.小米官网成为焦点: (1)显示ul (2)自身边框改变 (通过新增search类名)失去焦点: (1)隐藏ul (2)自身边框改变 (通过移除search类名)3. this关键字 : 环境对象。 常用于函数中,代表当前函数的所属环境。说人话: 相当于中文的 ‘我’ 字, 谁说的这个字,就代表谁4.原创 2022-03-28 19:17:56 · 171 阅读 · 0 评论 -
DOM工作原理、DOM树元素增删改查、事件思路总结
dom工作流程1.代码读取到内存2.生成DOM树 (dom语法增删改查,渲染也会跟着改变)3.渲染DOM树查询元素查询元素的两种方式1.查询单个元素 : document.querySelector(‘选择器’)description: 根据选择器查询满足条件的第一个元素param {string} 选择器字符串return: DOM对象 || null(选择器写错)let box = document.querySelector('.box')console.log( box )原创 2022-03-27 19:08:23 · 422 阅读 · 0 评论