JAVASCRIPT学习笔记——BOM

BOM

浏览器模型对象
使我们可以通过JS来操作浏览器，DOM是来操作页面。
在BOM中提供了一组对象，用来完成对浏览器的操作。

BOM对象

1. window ，代表整个浏览器的窗口，同时是网页中的全局对象。
   setInterval( )-定时调用
   可以将一一个函数，每隔一段时间执行一次
   参数:1.回调函数，该函数会每隔一段时间被调用 一次
   2.每次调用间隔的时间，单位是毫秒
   返回值:
   返回一个Number类型的数据，这个数字用来作为定时器的唯一标识
   clearInterval( )可以用来关闭一个定时器，方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器

var num = 1;
var timer = setInterval (function(){
count. innerHTML = num++;
if(num ==11){
/ /关闭定时器
clearInterval(timer);
}, 1000);

2. Navigator,代表当前浏览器的信息，通过该对象可以识别不同浏览器。
   Navigator中的大部分对象已经不能帮助识别浏览器。一般使用userAgent来判断浏览器信息，userAgent是一个字符串，包含用来描述浏览器信息的内容，不同浏览器有不同的userAgent.
   通过userAgent不能判断IE11浏览器，可以使用ActiveXObject来判断，该对象为IE浏览器特有。

var ua=navigator.userAgent;

if(/firefox/i. test(ua)){
alert("火狐 ");
}else if(/chrome/i. test(ua)){
alert("Chrome");
}else if(/msie/i. test(ua)){
alert("IE浏览器~~~");
}else if("ActiveXObject" in window){
alert("IE11");

3. Location,代表当前浏览器的地址栏信息，可以获取地址栏信息，或者操作浏览器跳转页面。
   直接打印loaction,可以获取地址栏信息
   将location属性修改为一个完整的路径，或相对路径则页面会自动跳转到该路径，并且会生成相应的历史记录。
   assign() 用来跳转到其他的页面，作用和直接修改location一样。
   reload()-用于重新加载当前页面， 作用和刷新按钮一样如果在方法中传递一个true, 作为参数，则会强制清空缓存刷新页面。
   replace()可以使用一个新的页面替换当前页面，调用完毕也会跳转页面不会生成历史记录，不能使用回退按钮回退。
4. History,代表当前浏览器的历史记录，操作浏览器向前或向后翻页，只在当次访问有效。
   length属性可以获取到当前访问的链接数量。
   back()用来回退到上一个页面
   forward()跳转到下一个页面
   go()用来跳转到指定页面，需要一个整数作为参数，n表示向前跳转n个页面 -n表示向后跳转n个页面。
5. Screen,代表用户屏幕的信息，可以获取用户显示器相关信息。

这些BOM对象在浏览器中作为window对象的属性保存的，可以通过window对象来使用，也可以直接使用。