简易JavaScript

简易JavaScript

一、基础

1、组成
(1)ECMAScript:解释器、翻译
(2)DOM:Document Object Model
(3)BOM:Browser Object Model

2、变量类型
(1)typeof运算符
(2)显式类型转换：parseInt()/parseFloat

3、数组的方法
(1)添加
push----从尾部添加
unshift----从头部添加
(2)删除
pop----从尾部弹出
shift----从头部弹出
(3)排序sort
(4)转换类
concat----连接两个数组
join----用分隔符，组合数组元素，生成字符串
(5)splice
splice(开始，长度）---- 删除
splice(开始，0，元素…)----插入

4、BOM基础
(1)打开open或关闭窗口close
(2)尺寸和坐标
可视区尺寸：
document.documentElement.clientWidth
document.documentElement.clientHeight
滚动距离：
document.body.scrollTop
document.documentElement.scrollTop
(3)系统对话框
警告框：alert(“内容”)，无返回值
选择框：confirm(“提问的内容”)，返回boolean
输入框：prompt(),返回字符串或null
(4)window对象常用对象
onload/onscroll/onresize
5、DOM基础
(1)DOM节点
childNodes----获取子节点
parentNode----父节点
firstChild----首子节点
lastChild----尾子节点
(2)DOM方式操作元素属性
获取-----getAttribute(名称）
设置-----setAttribute(名称，值）
删除-----removeAttribute(名称）
(2)创建DOM元素
createElement(标签名）---- 创建一个节点
appendChild(节点)----追加一个节点
(3)插入元素
insertBefore(节点，原有节点） ---- 在已有元素前插入
(4)删除DOM元素
removeChild(节点） ---- 删除一个节点
6、文档碎片
(1)文档碎片可以提高DOM操作性能（理论上）
(2)文档碎片原理
document.createDocumentFragment()

二、进阶

1、event对象和事件冒泡
鼠标、键盘事件
2、Cookie基础
(1)特点：
同一个网站所有页面共享一套cookie，数量、大小有限，过期事件
(2)使用方法： document.cookie
(3)设置cookie----名字=值
读取cookie----字符串分割
删除cookie----已经过期
3、Ajax基础
(1)特点：无刷新数据读取，局部刷新
(2)编写原则
创建Ajax对象：XMLHttpRequest()
连接服务器： open(方法，文件名，异步传输）
发送请求：send()
请求状态监控： onreadystatechange事件