BOM相关操作

BOM的概念

浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。

## 定时器

setTimeout()和clearTimeout()

在指定的毫秒数到达之后执行指定的函数，只执行一次。

// 创建一个定时器，1000毫秒后执行，返回定时器的标示
var timerId = setTimeout(function () {
  console.log('it is raining');
}, 1000);

// 取消定时器的执行
clearTimeout(timerId);

##setInterval()和clearInterval()

定时调用的函数，可以按照给定的时间(单位毫秒)周期调用函数。

// 创建一个定时器，每隔1秒调用一次
var timerId = setInterval(function () {
  var date = new Date();
  console.log(date.toLocaleTimeString());
}, 1000);

// 取消定时器的执行
clearInterval(timerId);

location对象

有如下方法：assign() , reload() ,replace()
有如下属性：hash/host/hostname/search/href

//地址栏上#及后面的内容
console.log(window.location.hash);
//主机名及端口号
console.log(window.location.host);
//主机名
console.log(window.location.hostname);
//文件的路径---相对路径
console.log(window.location.pathname);
//端口号
console.log(window.location.port);
//协议
console.log(window.location.protocol);
//搜索的内容
 console.log(window.location.search);

onload=function () {
     document.getElementById("btn").onclick=function () {
     //设置跳转的页面的地址
     //location.href="http://www.jd.com";//属性
     //location.assign("http://www.jd.com");//方法
     //location.reload();//重新加载--刷新
     //location.replace（）; //没有历史记录
 }
} 

history对象

• back()
• forward()
• go()

navigator对象

• userAgent
  通过userAgent可以判断用户浏览器的类型
• platform
  通过platform可以判断浏览器所在的系统平台类型.