7.BOM模型

目录

• 一、什么是BOM？
• 二、BOM内容
• 三、window对象
  • 3.1 常用属性和方法：
• 四、location对象
• 五、navigator、Screen、和History对象
• 六、计时语句
  • 6.1 setTimeout()
  • 6.2 setInterval()

一、什么是BOM？

​ BOM（Browser Object Model），即浏览器对象模型。可以对浏览器窗口进行访问和操作。使用 BOM，可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。

　　BOM缺乏标准化，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。

BOM由一系列相关的对象(Window\Navigator\Screen\History\Location)构成，并且每个对象都提供了很多方法与属性。核心对象是window，因为BOM主要与浏览器窗口进行交互。

二、BOM内容

三、window对象

3.1 常用属性和方法：

• window.innerHeight 查看浏览器窗口的内部高度
• window.innerWidth 查看浏览器窗口的内部高度

1. alert(message)：弹出一个带确认按钮和显示消息的弹出框，

2. confirm(message)：显示带有一段消息以及确认按钮和取消按钮的对话框，点击确定返回True，点击取消返回false，

   var m = confirm("你知道BOM吗？");
   

   

3. prompt('message', defaultValue): 显示可提示用户输入的对话框，

   var pro = prompt('username',123);
   

   

4. print()：打印当前窗口的内容，

5. find()：

6. opne()

   window.open(url, target, param)
   /*
   	参数解释：
   	url:要打开的地址链接
   	target:新窗口的位置。可以是_blank、_self
   	param:新窗口的一些设置
   	返回值：新窗口的句柄
   */
   

四、location对象

location对象包含有关当前URL的信息。

location对象是window对象的一部分，可以通过window.location属性来访问。

location对象的部分属性和方法：

属性	描述
hash	设置或返回从井号 (#) 开始的 URL（锚）。
host	设置或返回主机名和当前 URL 的端口号。
hostname	设置或返回当前 URL 的主机名。
href	设置或返回完整的 URL。
pathname	设置或返回当前 URL 的路径部分。
port	设置或返回当前 URL 的端口号。
portocol	设置或返回当前 URL 的协议。
search	设置或返回从问号 (?) 开始的 URL（查询部分）。
方法	描述
assign()	加载新页面
reload()	重新加载当前页面（刷新）
replace()	用新的页面替换当前页面

location.href='URL' 跳转到指定页面

五、navigator、Screen、和History对象

Navigator对象包含有关浏览器的信息。

// 返回浏览器的用户设备信息
console.log(window.navigator.userAgent);

　Screen 对象包含有关客户端显示屏幕的信息。

　　History 对象包含用户（在浏览器窗口中）访问过的 URL。

　　History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

六、计时语句

6.1 setTimeout()

在一定时间间隔之后执行某些代码，

var t = setTimeout('js语句', time)

上述的js语句会被直接执行，所以一般写一个函数，返回值t是浏览器自动分配的一个id,time的单位是毫秒。

var t = setTimeout(function(){js语句},time)

clearTimeout(t) 清除计时器

6.2 setInterval()

每隔一段时间执行某段代码，参数和setTimeout()的一样

清除用clearInterval(t)