浏览器对象模型提供了可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,接下来就给大家介绍常用的BOM对象。
一、window对象
window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。由于window是顶层对象,因此调用它的子对象时可以不显示的指明window对象。
1、open
打开或弹出一个新窗体
语法: window.open(url, name, features, replace);
open方法参数说明
- url -- 要载入窗体的URL
- name -- 新建窗体的名称(目标,将在a 标签的target属性中用到,当与已有窗体名称相同时将覆盖窗体内容).open函数默认的打开窗体的方式为target的_blank弹出方式,因此页面都将以弹出的方式打开
- features -- 代表窗体特性的字符串,字符串中每个特性使用逗号分隔
- replace -- 一个布尔值,说明新载入的页面是否替换当前载入的页面,此参数通常不用指定
2、alter()
弹出消息对话框(对话框中有一个“确定”按钮)
3、confirm()
弹出消息对话框(对话框中包含一个“确定”按钮与“取消”按钮)
4、prompt(str,defaultValue)
弹出消息对话框(对话框中包含一个“确定”按钮、“取消”按钮与一个文本输入框),由于各个浏览器实现的不同,若没有第二个参数(文本框中的默认值)时也最好提供一个空字符串 状态栏
5、setInterval()
间隔指定的毫秒数不停地执行指定的代码
6、clearInterval()
取消指定的setInterval函数将要执行的代码
二、History对象
在浏览器历史记录中导航
1、history.back()
加载 history 列表中的前一个 URL
2、history.forward()
加载 history 列表中的下一个 URL
3、history.go()
加载 history 列表中的某个具体页面
语法:history.go(num)
跳转到第几个,负数是回退,正式是前进,0是刷新页面
三、Location 对象
1、location.href
语法:location.href="网址";
href除了跳转页面,还可以获取当前页面的网址
注:href有历史记录
2、location.assign()
location.assign()
语法:location.assign("网址");
assign只能跳转页面,有历史记录
3、location.replace()
语法:location.replace(“网址”);
替换当前页面,也是跳转页面,
注:此方法没有历史记录。
4、location.hash
获取地址栏中#后面的内容,也就是锚点标记名
5、location.search
获取地址栏中?后面的内容,?号后面一般是访问地址的参数
四、Navigator对象
浏览器信息
1、navigator.userAgent
返回由客户机发送服务器的 user-agent 头部的值