目录
1、BOM模型（浏览器对象模型(Browser Object Model)）
1、BOM模型（浏览器对象模型(Browser Object Model)）
window是整个bom的核心。
BOM可实现功能
- 弹出新的浏览器窗口
- 移动、关闭浏览器窗口以及调整窗口的大小
- 页面的前进、后退
2、Window对象：
window对象是指整个窗口对象，可通过操作window对象的属性和方法控制窗口，例如，打开和关闭一个窗口。
bom模型中的history、location、documen对象，实际上都是window窗口对象的属性。
①Window对象的常用属性：
| 属性名称 |
说 明 |
| history |
有关客户访问过的URL的信息 |
| location |
有关当前 URL 的信息 |
①属性的使用方法是：window.属性名="某个属性值"，例如：
window.location.href="www.baidu.com";//表示跳转到百度页面
②window对象是根对象，所以在使用window对象的属性和方法时，window可以省略。
②Window对象的常用方法：
| 方法名称 |
说 明 |
| prompt( ) |
显示可提示用户输入的对话框 |
| alert( ) |
显示带有一个提示信息和一个确定按钮的警示框 |
| confirm( ) |
显示一个带有提示信息、确定和取消按钮的对话框 |
| close( ) |
关闭浏览器窗口 |
| open( ) |
打开一个新的浏览器窗口，加载给定 URL 所指定的文档 |
| setTimeout( ) |
在指定的毫秒数后调用函数或计算表达式 |
| setInterval( ) |
按照指定的周期（以毫秒计）来调用函数或表达式 |
①confirm()方法：
confirm("对话框中显示的纯文本")；
②open()方法：
window.open("弹出窗口的url","窗口名称","窗口特征”)
窗口特征
| 属性名称 |
说 明 |
| height、width |
窗口文档显示区的高度、宽度。以像素计。 |
| left、top |
窗口的x坐标、y坐标。以像素计 |
| toolbar=yes | no |1 | 0 |
是否显示浏览器的工具栏。黙认是yes。 |
| scrollbars=yes | no |1 | 0 |
是否显示滚动条。黙认是yes。 |
| location=yes | no |1 | 0 |
是否显示地址地段。黙认是yes。 |
| status=yes | no |1 | 0 |
是否添加状态栏。黙认是yes。 |
| menubar=yes | no |1 | 0 |
是否显示菜单栏。黙认是yes。 |
| resizable=yes | no |1 | 0 |
窗口是否可调节尺寸。黙认是yes。 |
| titlebar=yes | no |1 | 0 |
是否显示标题栏。黙认是yes。 |
| fullscreen=yes | no |1 | 0 |
是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式。 |
③Window对象的常用事件：
| 名称 |
说 明 |
| onload |
一个页面或一幅图像完成加载 |
| onmouseover |
鼠标移到某元素之上 |
| onclick |
当用户单击某个对象时调用的事件句柄 |
| onkeydown |
某个键盘按键被 按下 |
| onchange |
域的内容被改变 |
3、history对象
浏览器访问过的历史页面对应history对象，通过history对象的属性和方法实现前进和后退的功能。
常用方法：
| 名称 |
说 明 |
| back() |
加载 history 对象列表中的前一个URL（后退） |
| forward() |
加载 history 对象列表中的下一个URL （前进） |
| go() |
加载 history 对象列表中的某个具体URL |
①history.back()等效于浏览器中的后退按钮
②history.forward()等效于浏览器中的前进按钮
③go(n)方法中的n是一个具体数字，
n>0时，装入历史列表中往前数的第n个页面；
n<0时，装入历史列表中往后数的第n个页面
n=0时，装入当前页面
4、location对象
浏览器的地址栏对应locat对象，通过locat对象的属性和方法控制页面跳转。
locati对象提供当前页面的URL信息，并且可以重新装载当前页面或装入新页面。
①常用属性：
| 名称 |
说 明 |
| host |
设置或返回主机名和当前URL的端口号 |
| hostname |
设置或返回当前URL的主机名 |
| href |
设置或返回完整的URL |
②常用方法：
| 名称 |
说 明 |
| reload() |
重新加载当前文档（常用于刷新本页面） |
| replace() |
用新的文档替换当前文档 |
5、Document对象
浏览器的网页内容对象document对象，通过documen对象的属性和方法，控制页面元素。
document对象既是window对象的一部分，又代表了整个HTML文档，可用来访问页面中的所有元素。
①常用属性：
| 名称 |
说 明 |
| referrer |
返回载入当前文档的文档的URL |
| URL |
返回当前文档的URL |
②常用方法
| 名称 |
说 明 |
| getElementById() |
返回对拥有指定id的第一个对象的引用 |
| getElementsByName() |
返回带有指定名称的对象的集合 |
| getElementsByTagName() |
返回带有指定标签名的对象的集合 |
| write() |
向文档写文本、HTML表达式或JavaScript代码 |
getElementById()方法一般用于访问div、图片、表单元素、网页标签等，但要求访问对象的id是唯一的。
getElementsByName()方法一般用于访问一组name属性相同的元素，如具有相同name属性的复选框。
getElementsByTagName()方法是按标签来访问页面元素的，一般用于访问一组相同的元素，如一组<input>、一组图片等。
实例：模拟简易购物车页面
6、JavaScript内置对象
- Array：用于在单独的变量名中存储一系列的值。
- String：用于支持对字符串的处理。
- Math：用于执行常用的数学任务，它包含了若干个数字常量和函数。
- Date：用于操作日期和时间。
①Math对象
常用方法：
| 方法 |
说 明 |
示例 |
| ceil() |
对数进行上舍入 |
Math.ceil(25.5);返回26 Math.ceil(-25.5);返回-25 |
| floor() |
对数进行下舍入 |
Math.floor(25.5);返回25 Math.floor(-25.5);返回-26 |
| round() |
把数四舍五入为最接近的数 |
Math.round(25.5);返回26 Math.round(-25.5);返回-26 |
| random() |
返回0~1之间的随机数 |
Math.random();例如：0.6273608814137365 |
②Date对象
var 日期对象=new Date(参数)
参数格式：MM,DD,YYYY,hh:mm:ss
var today=new Date(); //返回当前日期和时间
var tdate=new Date("september 1,2013,14:58:12");//创建指定日期和时间的date对象
①常用方法：
| 方法 |
说 明 |
| getDate() |
返回 Date 对象的一个月中的每一天，其值介于1～31之间 |
| getDay() |
返回 Date 对象的星期中的每一天，其值介于0～6之间，0代表周日 |
| getHours() |
返回 Date 对象的小时数，其值介于0～23之间 |
| getMinutes() |
返回 Date 对象的分钟数，其值介于0～59之间 |
| getSeconds() |
返回 Date 对象的秒数，其值介于0～59之间 |
| getMonth() |
返回 Date 对象的月份，其值介于0～11之间 |
| getFullYear() |
返回 Date 对象的年份，其值为4位数 |
| getTime() |
返回自某一时刻（1970年1月1日）以来的毫秒数 |
实例：制作时钟特效（利用date对象的方法和window的定时函数实现）
②定时函数：
setTimeout("调用的函数",等待的毫秒数)
//1秒(1000毫秒)之后执行函数disptime()一次
var myTime＝setTimeout("disptime() ", 1000 );setInterval("调用的函数",周期性调用函数之间间隔的毫秒数)——按照指定周期执行函数
//每隔1秒(1000毫秒)执行函数disptime()一次
var myTime＝setInterval("disptime() ", 1000 );
③清除函数：
clearTimeout(setTimeOut()返回的ID值)
var myTime＝setTimeout("disptime() ", 1000 );
clearTimeout(myTime)；
clearInterval(setInterval()返回的ID值)
var myTime＝setInterval("disptime() ", 1000 );
clearInterval(myTime)；