详细参考：https://blog.csdn.net/qq877507054/article/details/51395830
一、BOM（ Browser Object Model）的核心
二、主要实现功能
- 弹出新的浏览器窗口
- 移动、关闭浏览器窗口以及调整窗口的大小
- 页面的前进、后退
三、常用属性
| history | 有关客户访问过的URL的信息 |
| location | 有关当前URL 的信息 |
语法：window.属性名=“属性值”
四、常用方法
|
prompt( ) |
显示可提示用户输入的对话框 |
|
alert( ) |
显示带有一个提示信息和一个确定按钮的警示框 |
|
confirm( ) |
显示一个带有提示信息、确定和取消按钮的对话框 |
|
close( ) |
关闭浏览器窗口 |
|
open( ) |
打开一个新的浏览器窗口，加载给定 URL 所指定的文档 |
|
setTimeout( ) |
在指定的毫秒数后调用函数或计算表达式 |
|
setInterval( ) |
按照指定的周期（以毫秒计）来调用函数或表达式 |
|
clearTimeout( ) |
清除时钟特效，参数:setTimeOut()返回的ID值 |
|
clearInterval ( ) |
清除时钟特效，参数setInterval()返回的ID值 |
open( )方法
|
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.open("http://www.baidu.com","百度"," height=380,width=320,toolbar=0,scrollbars=0, location=0,status=0,menubar=0,resizable=0 "); |
|
五、常用事件
windows对象的常用事件
|
onload |
一个页面或一幅图像完成加载 |
|
onmouseover |
鼠标移到某元素之上 |
|
onclick |
当用户单击某个对象时调用的事件句柄 |
|
onkeydown |
某个键盘按键被 按下 |
|
onchange |
域的内容被改变（二级联动时常用） |
| onfocus | 当鼠标点击输入框时聚焦 |
| onblur | 当鼠标点击的时候失去焦点 |
history对象
|
back() |
加载 history 对象列表中的前一个URL |
|
forward() |
加载 history 对象列表中的下一个URL |
|
go() |
加载 history 对象列表中的某个具体URL |
后退：history.back()等价于history.go(-1)
前进：history.forward()等价于history.go(1)
location 对象
|
host |
设置或返回主机名和当前URL的端口号 |
|
hostname |
设置或返回当前URL的主机名 |
|
href |
设置或返回完整的URL |
|
reload() |
重新加载当前文档 |
|
replace() |
用新的文档替换当前文档 |
Document对象
|
referrer |
返回载入当前文档的文档的URL |
|
URL |
返回当前文档的URL |
|
getElementById() |
返回对拥有指定id的第一个对象的引用 |
|
getElementsByName() |
返回带有指定名称的对象的集合 |
|
getElementsByTagName() |
返回带有指定标签名的对象的集合 |
|
write() |
向文档写文本、HTML表达式或JavaScript代码 |
JavaScript内置对象
Array：用于在单独的变量名中存储一系列的值。
String：用于支持对字符串的处理。
Math：用于执行常用的数学任务，它包含了若干个数字常量和函数。
Date：用于操作日期和时间。
Math对象
|
ceil() |
对数进行上舍入 |
|
floor() |
对数进行下舍入 |
|
round() |
把数四舍五入为最接近的数 |
|
random() |
返回0~1之间的随机数 |
Date对象
var 日期对象=new Date(参数)
参数格式：MM DD,YYYY,hh:mm:ss
|
getDate() |
返回 Date 对象的一个月中的每一天，其值介于1～31之间 |
|
getDay() |
返回 Date 对象的星期中的每一天，其值介于0～6之间 |
|
getHours() |
返回 Date 对象的小时数，其值介于0～23之间 |
|
getMinutes() |
返回 Date 对象的分钟数，其值介于0～59之间 |
|
getSeconds() |
返回 Date 对象的秒数，其值介于0～59之间 |
|
getMonth() |
返回 Date 对象的月份，其值介于0～11之间 |
|
getFullYear() |
返回 Date 对象的年份，其值为4位数 |
|
getTime() |
返回自某一时刻（1970年1月1日）以来的毫秒数 |