JavaScript三个组成部分：
- 核心(ECMAScript)，欧洲计算机制造商歇会：描述了JS的语法和基本对象；
- 文档对象模型(DOM)：处理网页内容的方法和接口；
- 浏览器对象模型(BOM)：与浏览器交互的方法和接口。
常用事件：
| 事件名 | 说明 |
|---|---|
| onclick | 鼠标单击 |
| ondblclick | 鼠标双击 |
| onkeyup | 按下并释放键盘上的一个键时触发 |
| onchange | 文本内容或下拉菜单中的选项发生改变时 |
| onfocus | 获得焦点，表示文本框等获得鼠标光标 |
| onblur | 失去焦点 |
| onmouseover | 鼠标悬停，鼠标停留在图片等的上方 |
| onmouseout | 鼠标移除，鼠标离开图片等所在区域 |
| onload | 网页文档加载事件 |
| onunload | 关闭网页时触发 |
| onsubmit | 表单提交事件 |
| onreset | 重置表单时 |
| oninput | input内容改变时触发 |
BOM
-
浏览器对象模型；
-
BOM的顶级对象是window，通常情况下可以省略；
-
成员变量也是window的一个属性；
-
自定义函数也是window的一个方法；
-
DOM的顶级对象是document，document是window的一部分。
-
window对象：
-
window对象是JavaScript中的顶级对象；
-
所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法；
-
window对象下的属性和方法调用的时候可以省略window。
-
window内置函数：
-
window.open(url,target,param);：url为要打开的网址，target为是否要打开新窗口显示，param为新窗口的一些设置。其中param中为一些键值对，可以设置是否全屏等一些基本设置，也可以省略第三个参数； -
window.close();：关闭窗口。
window内置对象
location对象：
- location相当于浏览器地址栏；
- 可以将url解析成独立的片段；
- location对象的属性：
-
href：在标签的onclick方法里面添加location.href="http://baidu.com";，点击标签时可以进行页面跳转； - hash；
- host；
- hostname；
- pathname；
- protocol；
- search；
- reload；
navigator对象
- window.navigator的一些属性可以获取客户端的一些信息；
- userAgent(了解)；
- platform(了解)；
history对象
- 历史记录管理；
-
后退： - history.back();
- history.go(-1)，0是刷新；
-
前进： - history.forward();
- history.go(1);
定时器
循环执行（等待设定的时间过去之后执行）
-
定义一个定时器：
var timeIT = setInterval(code,interval); -
清除定时器：定时器有一个返回值，返回值就是定时器的名字，清除定时器时只要传入定时器的名字就可以停止定时器：
clearIntervarl(timeTT); -
间隔时间执行，时间不是特别精确。
-
定时器定义方法一共有三种：
-
匿名函数：
setInterval(function(){
//code
},5000); //每5秒执行一次
- 调用函数
setInterval(fn,5000);
- 调用带参数函数
setInterval("fn(aaa)",5000);
一次性定时器
- 定义：
var timeTO = setTimeout(code,interval);； - 清除定时器：
clearTimeout(timeTO);。
网友评论