waski的博客

文章目录1 BOM概述1.1 什么是BOM1.2 BOM的构成2 window 对象的常见事件2.1 窗口加载事件2.2 调整窗口大小事件3 定时器3.1 `setTimeout()` 定时器3.2 `setInterval()` 定时器3.3 this4 JS 执行机制4.1 JS 是单线程4.2 同步和异步4.3 JS 执行机制5 `location` 对象5.1 属性5.2 方法6 `navigator` 对象7 `history` 对象1 BOM概述1.1 什么是BOMBOM（Browser

文章目录7 事件高级7.1 注册事件概述7.2 删除事件7.3 DOM事件流7.4 事件对象7.5 事件委托7.6 鼠标事件7.6.1 常用的鼠标事件7.6.2 鼠标事件对象7.7 键盘事件7.7.1 常用的键盘事件7.7.2 键盘事件对象7 事件高级7.1 注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式∶传统方式和方法监听注册方式传统注册方式：on开头用on开头的事件：onclick<button onclick = “alert(‘hi~’)”&gt

文章目录5 节点操作5.1 节点概述5.2 节点层级5.2.1 父子节点5.2.2 兄弟节点5.3 添加元素5.4 删除节点5.5 复制节点5.6 三种动态创建元素的区别6 DOM小结5 节点操作获取元素的方式：比较发现，用节点层级关系来获取元素更简单（DOM方法相当于绝对路径，节点方法相当于相对路径）。5.1 节点概述**概念：**网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM中，节点使用node来表示。**基本组成：**nodeType(节点类型) 、nodeName(节点

文章目录4 操作元素4.1 修改元素的内容4.2 修改常见元素的属性案例：分时问候4.3 修改表单元素属性案例：登录时隐藏/显示密码4.4 修改元素样式属性4.4.1 行内样式操作 `element.style`案例1：关闭二维码广告案例2：遍历精灵图案例3：搜索框默认文字4.4.2 类名样式操作 `element.className`案例：提示密码输入错误4.5 小结4.6 排他思想案例1：百度换肤案例2：表格行内变色效果案例3：表单全选/取消全选4.7 自定义属性操作4.7.1 传统方法案例：Tab栏切

/ 3. querySelectorAll() 返回 指定选择器 的 所有元素对象集合。// 文档页面从上往下加载，得先有标签,再去获取它，因此script写到标签的下面。// 2. querySelector 返回 指定选择器 的 第一个元素对象。// 1. 返回的是 获取过来元素对象的集合 以伪数组的形式存储。// 打印我们返回的元素对象 ,可以更好的查看里面的属性和方法。// 4. 如果页面中没有li 返回的是 空的伪数组。// 2. 用遍历 依次打印里面的元素对象。

自定义对象、内置对象、浏览器对象前面两种对象是JS基础内容，属于ECMAScript；第三个浏览器对象属于我们JS独有的**概念：**一组无序的相关属性和方法的集合。所有的事物都是对象，例如：字符串，数组，数值，函数等。组成：属性：事物的特征，在对象中用属性表示（常用名词）方法：事物的行为，在对象中用方法表示（常用动词）**为什么需要：**保存一个值时，可以使用变量。保存多个值时，可以使用数组，如果要保存一个人的完整信息，需要使用对象。var arr=["张三丰"，"男",128,154]

当我们不确定有多少个实参传递的时候，可以用arguments来获取。（从内层到外层，一层一层地往外查找）的方式确定取值，采用就近原则。只要遇到return，就把需要返回的结果返回出来，自动跳出函数。我们函数只是实现某种功能，最终的结果需要返回给函数的调用者。全局作用域：整个script标签 / 一个单独的js文件。函数如果没有return，则返回的是undefined。全局变量：浏览器关闭的时候才会销毁，占内存资源。封装了一段可被重复调用执行的代码块。全局作用域、局部作用域（es6之前）

运算符( operator )也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。

JavaScript是一种运行在**客户端**（自己电脑上，有浏览器就够了。不需要远程服务器，安装运行环境）的脚本语言（Script：脚本）

【HTML5、CSS3】新增特性总结！

【CSS学习笔记八】用户界面优化（鼠标样式、去掉表单轮廓...）、CSS初始化

【CSS学习笔记七】网页布局总结、元素隐藏与显示、精灵图、字体图标、三角形制作

【CSS学习笔记六】遵循原则、定位（五种模式：静态、相对、绝对、固定、粘性定位）

【CSS学习笔记五】浮动（特性、布局的原则、清除浮动）

【CSS学习笔记四】盒子模型！（组成、边框、内外边距、圆角设置、阴影）

【CSS学习笔记三】CSS的元素显示模式、CSS背景设置、CSS的三大特性

【CSS学习笔记二】CSS的引入方式、chorme调试、Emmet语法、 CSS复合选择器

【CSS学习笔记一】CSS入门基本知识、四类基础选择器、设置字体属性、设置文本属性

HTML怎么学？| 小白入门笔记大全（语法规范、常用标签用法介绍、学习网站）