JS操作Bom对象

一、什么是Bom？

BOM（Browser Object Model）是浏览器对象模型。浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。

二、Bom 对象

window 对象

window 对象是 JS 的最顶层对象，其他的 BOM 对象都是 window 对象的属性；

1、Window对象的常用属性

属性名称	说明
history	有关客户访问过的URL的信息
location	有关当前 URL 的信息

2、语法

window.属性名= "属性值"
实例代码：

window.location="https://blog.csdn.net/Lixc_18" ;   <!--表示跳转到我的博客-->

3、Window 对象常用的方法

方法名称	说 明
prompt( )	显示可提示用户输入的对话框
alert( )	显示带有一个提示信息和一个确定按钮的警示框
confirm( )	显示一个带有提示信息、确定和取消按钮的对话框
close( )	关闭浏览器窗口
open( )	打开一个新的浏览器窗口，加载给定 URL 所指定的文档
setTimeout( )	在指定的毫秒数后调用函数或计算表达式

使用方法如下：

alert('提示信息')
confirm("确认信息")
prompt("弹出输入框")
open("url地址"，"打开的方式（可以是-self或-black）"，"新窗口的大小"）

document 对象

document 对象是文档对象；

1、常用属性

名称	说 明
referrer	返回载入当前文档的URL
URL	返回当前文档的URL

2、常用方法

名称	说 明
getElementById()	返回对拥有指定id的第一个对象的引用【对象的id唯一】
getElementsByName()	返回带有指定名称的对象的集合【相同name属性】
getElementsByTagName()	返回带有指定标签名的对象的集合【相同的元素】
write()	向文档写文本、HTML表达式或JavaScript代码

location 对象

location 对象是浏览器当前URL信息；

1、常用属性

名称	说 明
host	设置或返回主机名和当前URL的端口号
hostname	设置或返回当前URL的主机名
href	设置或返回完整的URL

2、常用方法

名称	说 明
reload()	重新加载当前文档
replace()	用新的文档替换当前文档

Date 对象

方法	说 明
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日）以来的毫秒数

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

history 对象

history 对象是浏览器访问历史信息

1、history 对象中常用的方法

名称	说 明
back()	加载 history 对象列表中的前一个URL
forward()	加载 history 对象列表中的下一个URL
go()	加载 history 对象列表中的某个具体URL

其中 history.back() 等价于 history.go(-1)；浏览器中的“后退”
history.forward() 等价于 history.go(1)； 浏览器中的“前进”