Javascript复习知识点（未待完续...）

javascript

1. ECMAscript :基本核心语法
2. DOM ：文档对象模型
3. BOM ：浏览器对象模型
4. DOM与BOM区别: BOM包含DOM，前者顶级对象是window，后者顶级对象是document

一 ECMAscript

变量

var 变量名 = 值；

注意点

1. js是一种弱类型语言，可以随意赋值
2. 当一个变量没有手动赋值的话，系统默认赋值undefined(这是一个具体存在的值)
3. 一个变量既没有声明，有没有定义，直接访问出错
4. 全局变量与局部变量名一样，遵循“就近原则”
5. 不写var的变量不论位置在哪，都被当做全局变量
6. 全局变量生命周期：浏览器打开时声明，浏览器关闭时销毁
7. 局部变量生命周期：函数调用时内存空间开辟，函数执行完后销毁

函数

第一种方式：
function 函数名（参数列表）{
函数体
}
第二种方式
函数名 = function（参数列表）{
函数体
}

函数调用

函数名（）；
当函数名重名时，后声明的函数会覆盖之前同名函数

数据类型

1. 原始类型：
   Undefined:只有一个值，可以系统赋值，也可以手动赋值
   Number：包括整数，小数，正数，负数，无理数，不是数字（NaN),无穷大（Infinity)
   String ：可以使用单引号或双引号
   创建两种方式：var a = “hehe” ,typeof出来是String,第二种：var a = new String (“hehe”), typeof出来是Obejet类型： true , false
   Boolean
   Null
2. 引用类型： Object以及Objectde子类
   在ES6之后，添加了一种新的类型：Symbol
3. 大致的运算符跟Java差不多，值得注意的是
   typrof : 可以在程序的运行阶段动态的获取变量的数据类型
   语法格式： typrof 变量名
   运算结果只有6种字符串： undefined, number , string, boolean , object , function
   void（表达式）：执行表达式，但不返回任何结果javascript:void(任意)，作用是页面不跳转

注意点

8. isNaN(): 结果是true表示不是一个数字，结果是false表示是一个数字
9. type(null): 结果是"object" ,即使null属于null类型：
10. Object有个属性prototype属性：作用是给类动态的扩展属性和函数
11. 函数没有new就是函数，加上new ，就相当于类
12. null NaN undefined 有什么区别

常用事件

1. blur : 失去焦点
2. focus : 获得焦点
3. click : 鼠标单击
4. dblclick : 鼠标双击
5. keydown : 键盘按下
6. keyup :键盘弹起
7. mousedown :鼠标按下
8. mouseover :鼠标经过
9. mousemove :鼠标移动
10. mouseout :鼠标移开
11. mouseup :鼠标弹起
12. reset : 重置
13. submit : 提交
14. change :下拉列表选定项改变，或文本框改变
15. select :文本被选中
16. oad :页面所有的元素全部加载完毕之后发生（JS也是遵循自上而下的顺序执行）
17. 注册事件 ：
    第一种：直接在标签中使用事件句柄：<input type="button" value="hehe" onclick="函数名()"/>
    事件句柄：在事件前加on就是一个事件句柄，以属性的形式存在
    第二种：纯JS代码完成事件注册
    第一步：获取这个节点的对象：var obj = document.getElementById(id属性)，一旦获取，可以修改这个节点的所有属性obj.属性
    第二步：给这个按钮对象的onclick属性赋值obj.onclick = 函数名，注意这里的函数不加小括号

DOM

1. innerTest与innerHTML的区别？
   前者是即使后面是一段HTML代码，也将其当作普通字符串看待，后者是当作一段HTML代码解释并执行
2. 去除前后的空白 : .trim()
3. 正则表达式
4. 表单验证
5. 显示网页时钟
6. 复选框的全选的取消全选

BOM

常用方法
open
close
打开方式：_self(当前窗口) ,_blank(新窗口) ,_parent(父窗口) ;_top(顶级窗口)