目录
13.obj.style.left与obj.offsetLeft的区别：
1.变量命名规范：
①由大小写字母，数字，下划线和$组成，其他字符禁止使用
②不以数字开头，严格区分大小写
②尽量使用英文单词命名，做到见名知意
③可使用驼峰命名法
④给变量命名使用名词，给函数命名使用动词
2.innerHTML和innerText的区别：
①innerHTML获取对象标签的所有信息，包含其内部的HTML标签
②innerText仅仅包含标签内部的文本信息
③innerHTML不存在兼容性问题，innerText不兼容火狐，但是兼容除此以外，IE8以上的，几乎所有浏览器
3.事件的三要素：
①事件源（DOM对象），只有html标签可以做事件源
②事件，代表某种功能的字符串
③事件响应程序，一种函数
4.JS的组成：
①ECMAScript js语言的基本语法规范
②BOM 浏览器对象模型
③DOM 文档对象模型
5.自变量对象和Json对象的关系、区别：
//①json是一种数据格式，其能够迅速的跨平台传输，其表现为键值对形式，而且键必须加上双引号；它的值的类型不能是方法函数，不能是undefined，NaN
//②js对象表示类的实例，不能够传输，它也是以键值对的方式表现，但不需要加上双引号，而且它的值可以是函数，对象，数字，字符串等
关系：①两者都是键值对形式，都用{ }括住
区别：①json对象使用双引号来包裹成员名和字符串类
②json对象没有变量的概念
③json对象没有末尾分号
6.JS包含的几种基本类型：
①值类型：number，string，null，bollean，undefined
②引用类型：object
7.=，==，===的用法：
①=是赋值运算符
②==判断两个变量的值是不是长得一样，不判断两者的数据类型
③===比较两者的数据类型是否完全相同
8.JS的引用方法：
①行内操作，插入html标签内部
②内联式插入
③外联式插入，将js写入一个外部文件，使用src引用
9.JS截取字符串子串的方法：
①slice( start,end)第一个为起点，第二个为结束点 (end为下标)，如第二个不写则默认到结束，返回一个新的数组，源数组不会改变
②substring( start,end)两个参数为下标，其他同上，返回为子字符串，也就是源字符串不发生改变
③substr( start,length)返回一个从指定位置开始指定长度的子字符串 ，源字符串不发生改变
10.什么是Json对象：
①是js自变量表示法的子集
②是一种数据交换格式，而不是一种语言
③数据用键值对的形式保存数据
④用{ }保存对象，对象可以包含多个键值对
⑤对象的键名必须放在双引号里面
⑥数据之间，用逗号隔开
11.事件冒泡是什么？如何阻止：
①事件冒泡就是一个元素收到事件时，会把它接收的事件传给它的父级，直到window
②IE：event.cancelBubble = false;
其他：event.stopPropagtion( );
12.取整的方法：
①parseInt去除小数部分，保留整数
②Math.round() 四舍五入
③Math.ceil() 向上取整，返回一个大于或等于数字的最小整数（进一）
④Math.floor() 向下取整，返回一个小于或等于数字的最小整数（全舍）
13.obj.style.left与obj.offsetLeft的区别：
①offsetleft既能读取外部样式，也能读取行内样式；另一个只能读取行内样式
②offsetLeft读取出来的值是number类型；另一个读出来的是string，带单位‘px’
③offsetLeft是只读属性；另一个可读可写
④offsetLeft读取的是目标盒子左边框到自己的参照物盒子的左边框的距离，如果没有声明参照盒子，就默认目标盒子到body左边框的距离
⑤offsetLeft读取的值带边框距离，也就是包含padding
14.DOM查询方式：
①document.getElementById(DOM节点的Id)，返回结果是一个对象，如果存在id相同的标签，返回第一个
②document.getElementsByTagname(标签名)，返回结果是一个对象集合，以数组形式放在一起
③document.getElementsByName(Dom的name属性值)（存在兼容问题）返回结果是一个对象集合，以数组形式放在一起
④document.getElementsByClassName(Dom的className属性值) 返回结果是一个对象集合，以数组形式放在一起
⑤domobj.parentNode
⑥domobj.children
⑦domobj.childNodes
...
15.children与childNodes的区别：
①childNodes：不同浏览器表现不同。IE只获取元素节点，非IE获取元素节点和文本节点
②children：不存在浏览器差异
③children它返回指定的元素的子节点集合，但只返回HTML节点，甚至不返回文本节点；而childNodes返回指定元素的子节点集合包括HTML节点、所有属性和所有文本
16.定时器：
①setTimeout（函数，毫秒） 延迟多少秒后，触发销毁，类似定时炸弹
②setInterval（函数，毫秒） 循环执行定时器，无限循环
17.事件对象是什么，有什么用：
①事件对象用来帮我们获取在js事件触发时的一系列有用信息的参数对象，只有事件触发才有效。
②一般使用event命名，用来封装事件的信息，数据，API供我们使用
18.事件对象常用的API：
鼠标事件：①event.target \ event.secElement 功能相同，都是获取事件源对象，区别是后者IE支持
②event.type 获取事件类型
③event.clientX 获取当前鼠标在网页上的横坐标
④event.clientY 获取当前鼠标在网页上的纵坐标
键盘事件：event.KeyCode:获取键盘当前按下的那个键
自己总结，难免有错误，望指正，欢迎骚扰！！！
京公网安备 11010502036488号