JS-BOM

目录

1 BOM概念

2 BOM对象

2.1 location

2.2 history

2.3 navigator

3 定时器

---

1 BOM概念

Browser Object Model 浏览器对象模型，可以于浏览器窗口进行互动。

BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是他的子对象。

我们在浏览器中的一些操作都可以使用BOM方式进行编程处理

比如：刷新、前进、后退、输入URL等

BOM的顶级对象是window，一般都省略

window.name是一个特殊的属性

2 BOM对象

2.1 location

   //地址栏上#及后面的内容     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);
   //设置跳转的页面的地址       location.href="http://www.jd.com";//属性----------------->必须记住
                                                location.assign("http://www.jd.com");//方法
   //重新加载--刷新     location.reload();
   //没有历史记录     location.replace("http://www.jd.com");

2.2 history

    window.history.forward();

    window.history.back();

    window.history.go();

2.3 navigator

    //判断浏览器的类型    window.navigator.userAgent

    //判断系统平台的类型    window.navigator.platform

3 定时器

（1）setInterval（函数，参数）——每隔X秒执行一次函数

         clearInterval（IntervalID）——清理定时的值

（2）setTimeout（函数，参数）——一次性的定时器（只执行一次）

         需要用clearTimeout（IntervalID）来清理这个定时器，不然会占内存