第8节 Bom对象

Bom对象介绍

浏览器对象模型(BrowserObjectModel),BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象

(1) location对象

1. location.href 获取浏览器地址 (window.location)
2. location.href = ‘http://www.baidu.com‘ // 跳转到百度

3. location.href = ‘http://www.baidu.com?username=huruqing‘
   // 跳转到百度的时候,加上参数 username=huruqing

   (2) 延迟和定时器

   延迟和定时器

4. setTimeout 延迟

5. setInterval 定时器和清除定时器 ``` // 1.延迟执行 setTimeout(function(){ console.log(‘3秒后执行’); },3000); // 2.定时器 setInterval(function(){ console.log(—count); },1000);

// 3.清除定时器 var count = 10; var timer = setInterval(function(){ console.log(—count); if (count === 0) { console.log(‘时间到’); clearInterval(timer); }

},1000);

<a name="mDmY7"></a>
## (3) navigator

正在判断用户设备……

<script>
    setTimeout(function () {
        var reg = /Android|iPhone|iPad|iPod|BlackBerry|webOS|Windows Phone|SymbianOS|IEMobile|Opera Mini/i;
        var flag = reg.test(navigator.userAgent);
        // 若flag的值为true, 说明是移动端
        if (flag) {
            location.href = './mobile.html';
        } else {
            location.href = './pc.html';
        }
    }, 10000);
</script>

```

(4) history对象

history.back();
// 后退 history.forward();
// 前进 history.go();
// 可以前进也可以后退, go(1)相当于forward, go(-1)相当于back