元素偏移量 offset系列 动态地得到元素的大小、位置等信息，不带单位。 element.offsetTop 属性：返回元素相对于 带有定位的父级元素 上边框的偏移量 若父级元素都没有定位，则返回相对于body的偏移量 element.offsetLeft 属性：返回元素相对于 带有定位的父级元素 左边框的偏移 若父级元素都没有定位，则返回相对于body的偏移量 element.offsetWidth 属......
BOM简介 BOM（Browser Object Model）：浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象。其顶级对象是window。 BOM缺乏标准，整体兼容性较差。 BOM具有双重角色： 它是js访问浏览器窗口的接口 它是一个全局对象：定义在全局作用域的变量和函数都会自动变成win......
注册事件（绑定事件） 传统注册方式：利用on开头的事件 注册事件的统一性：同一个元素的同一个事件只能设置一个处理函数，最后注册的处理函数会覆盖前面注册的处理函数 方法监听注册方式：W3C推荐的方式 有兼容性问题，IE9+才支持 同一个元素同一个事件可以注册多个监听器，按照注册顺序依次执行 事......
API（Application Programming Interface 应用程序编程接口）。 Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）。 DOM简介 DOM（Document Object Model 文档对象模型）：是处理可扩展标记语言HTML或XML的标准编程接口。 DOM树 DOM把以上内容都可看做是一个对象......
对象 在js中，对象是一组无序的相关属性和方法的集合。所有的事物都是对象，如数组、字符串、数值、函数等。 对象是由属性和方法组成的： 属性：事物的特征，在对象中用属性来表示，常用名词 方法：事物的行为，在对象中用方法来表示，常用动词 创建对象 三种方式： 利用字面量创建对象：var obj = {}; var obj =......
函数 函数是一段被封装的可重复执行调用的代码段 声明函数 function 函数名() { 函数体; } 调用函数 函数名(); 函数的参数 形参：函数声明的小括号内是形参。形参可以看作是不用声明的变量 实参：函数调用的小括号内是实参 函数的参数可有可无，个数不限，之间用逗号隔开 函数的返回值 在函数内部，将函数的结果返回......
流程控制的三种结构：顺序结构、分支结构、循环结构 分支流程控制 if语句 if 单分支语句： if (条件表达式) { 执行语句; } if else 语句（双分支语句）: if (条件表达式) { 执行语句; } else { 执行语句; } if else if 语句（多分支语句）： if (条件表达式1) { 执行语句1; } else if (条件表达式2) { 执行语句2; } ............
js简介 js是一种运行在客户端的脚本语言。不需要编译，运行过程由js解释器（js引擎）逐行来进行解释并执行。 也可以通过Node.js技术进行服务器编程 js组成： ECMAScript：JavaScript语法 DOM：页面文档对象模型 BOM：浏览器对象模型 js书写位置： 行内：包含在H......
规范 代码规范 类名语义化，简短明确，字母开头，字母均为小写，单词之间用下划线连接 类名嵌套尽量不超过三层 尽量避免直接使用元素选择器 避免使用id选择器 避免使用通配符 * 和 ! important 属性按顺序书写 布局定位属性：display position float clear visibility overflow 自身属性：width height margin padding border background 文本属性：color font text-decoration text-align vertical-align white-space break-word......