BOM操作的常用方法

338 阅读2分钟

浏览器对象模型提供了可以与浏览器窗口进行互动的对象结构。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 头部的值