JavaScript的Bom简介

Bom

浏览器对象模型，通过js来操作浏览器

Bom对象

1. window:整个浏览器的窗口，也是网页的全局对象
2. Navigator：当前浏览器的信息，通过该对象可以来识别不同的浏览器

判断浏览器的类型

var ua = navigator.userAgent;
if(/firefox/i.test(ua)){
    alert("我是火狐");
}else if(/chrome/i.test(ua)){
    alert("我是Chrome");
}else if("ActiveXObject" in window){
    alert("我是IE");
}

3. Location：当前浏览器的地址栏，可以获取地址栏信息，或操作浏览器操作页面

//端口
    alert(location.port);
    
    location = "http://baidu.com";
//跳转到其他页面
    location.assign("http://baidu.com");
//重新加载页面
    location.reload();
//强制清空缓存
    location.reload(true);
//跳转页面，不生成历史记录
    location.replace("http://baidu.com");

5. History：代表浏览器的历史记录，不能获取具体的历史记录，只能操作浏览器向前或向后翻页，只在当次访问时有效

//返回上一页，和浏览器的回退一样
history.back();
history.forward();
// //-2向后跳转两个页面
history.go();

6. Screen:用户的屏幕信息，可获取用户显示器的相关信息