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 定时器和清除定时器 ```javascript // 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);

  1. <a name="e7zKM"></a>
  2. ## (3) navigator
  3. navigator: userAgent 用来判断用户在使用什么设备
  4. ```javascript
  5. <!DOCTYPE html>
  6. <html lang="en">
  8. <head>
  9.     <meta charset="UTF-8">
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <title>Document</title>
  13. </head>
  15. <body>
  16.     <h3>正在判断用户设备......</h3>
  18.     <script>
  19.         setTimeout(function () {
  20.             var reg = /Android|iPhone|iPad|iPod|BlackBerry|webOS|Windows Phone|SymbianOS|IEMobile|Opera Mini/i;
  21.             var flag = reg.test(navigator.userAgent);
  22.             // 若flag的值为true, 说明是移动端
  23.             if (flag) {
  24.                 location.href = './mobile.html';
  25.             } else {
  26.                 location.href = './pc.html';
  27.             }
  28.         }, 10000);
  29.     </script>
  30. </body> 
  31. </html>

(4) history对象

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