目录
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)来清理这个定时器,不然会占内存