javascript
- ECMAscript :基本核心语法
- DOM ：文档对象模型
- BOM ：浏览器对象模型
- DOM与BOM区别: BOM包含DOM，前者顶级对象是window，后者顶级对象是document
一 ECMAscript
变量
var 变量名 = 值；
注意点
- js是一种弱类型语言，可以随意赋值
- 当一个变量没有手动赋值的话，系统默认赋值undefined(这是一个具体存在的值)
- 一个变量既没有声明，有没有定义，直接访问出错
- 全局变量与局部变量名一样，遵循“就近原则”
- 不写var的变量不论位置在哪，都被当做全局变量
- 全局变量生命周期：浏览器打开时声明，浏览器关闭时销毁
- 局部变量生命周期：函数调用时内存空间开辟，函数执行完后销毁
函数
第一种方式：
function 函数名（参数列表）{
函数体
}
第二种方式
函数名 = function（参数列表）{
函数体
}
函数调用
函数名（）；
当函数名重名时，后声明的函数会覆盖之前同名函数
数据类型
- 原始类型：
Undefined:只有一个值，可以系统赋值，也可以手动赋值
Number：包括整数，小数，正数，负数，无理数，不是数字（NaN),无穷大（Infinity)
String ：可以使用单引号或双引号
创建两种方式：var a = “hehe” ,typeof出来是String,第二种：var a = new String (“hehe”), typeof出来是Obejet类型： true , false
Boolean
Null - 引用类型： Object以及Objectde子类
在ES6之后，添加了一种新的类型：Symbol - 大致的运算符跟Java差不多，值得注意的是
typrof : 可以在程序的运行阶段动态的获取变量的数据类型
语法格式： typrof 变量名
运算结果只有6种字符串： undefined, number , string, boolean , object , function
void（表达式）：执行表达式，但不返回任何结果javascript:void(任意)，作用是页面不跳转
注意点
- isNaN(): 结果是true表示不是一个数字，结果是false表示是一个数字
- type(null): 结果是"object" ,即使null属于null类型：
- Object有个属性prototype属性：作用是给类动态的扩展属性和函数
- 函数没有new就是函数，加上new ，就相当于类
- null NaN undefined 有什么区别
常用事件
- blur : 失去焦点
- focus : 获得焦点
- click : 鼠标单击
- dblclick : 鼠标双击
- keydown : 键盘按下
- keyup :键盘弹起
- mousedown :鼠标按下
- mouseover :鼠标经过
- mousemove :鼠标移动
- mouseout :鼠标移开
- mouseup :鼠标弹起
- reset : 重置
- submit : 提交
- change :下拉列表选定项改变，或文本框改变
- select :文本被选中
- oad :页面所有的元素全部加载完毕之后发生（JS也是遵循自上而下的顺序执行）
- 注册事件 ：
第一种：直接在标签中使用事件句柄：<input type="button" value="hehe" onclick="函数名()"/>
事件句柄：在事件前加on就是一个事件句柄，以属性的形式存在
第二种：纯JS代码完成事件注册
第一步：获取这个节点的对象：var obj = document.getElementById(id属性)，一旦获取，可以修改这个节点的所有属性obj.属性
第二步：给这个按钮对象的onclick属性赋值obj.onclick = 函数名，注意这里的函数不加小括号
DOM
- innerTest与innerHTML的区别？
前者是即使后面是一段HTML代码，也将其当作普通字符串看待，后者是当作一段HTML代码解释并执行 - 去除前后的空白 : .trim()
- 正则表达式
- 表单验证
- 显示网页时钟
- 复选框的全选的取消全选
BOM
常用方法
open
close
打开方式：_self(当前窗口) ,_blank(新窗口) ,_parent(父窗口) ;_top(顶级窗口)