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);
。