SOURCE

/**
 * BOM
 * --浏览器对象模型
 * --BOM可以使我们通过js来操作浏览器的操作
 * 
 * 
 * Window
 * --代表是整个浏览器的窗口，window代表全局对象
 * Navigator
 * --代表当前浏览器的信息，通过该对象可以识别不同的浏览器
 * Location
 *  --代表当前浏览器的地址信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面
 * History
 * 
 * Srceen
 */
console.log(navigator);
console.log(location);
console.log(history);

/**
 * Navigator
 * --appName 因为历史原因，不能区分浏览器了
 *  --userAgent可以区分火狐和谷歌，但不能区分ie11
 * --如果通过userAgent不能区分，通过ActiveXObject
 */
//Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.72 Safari/537.36
//console.log(navigator.userAgent);
var ua = navigator.userAgent;
if(/firefox/i.test(ua)){
    // alert('火狐');
    console.log('火狐');
}else if(/chrome/i.test(ua)){
    // alert('谷歌');
    console.log('谷歌');
}else if(/msie/i.test(ua)){
    console.log('ie');
}else if ('ActiveXObject' in window){
    console.log('ie');
}
/**
 * history
 * --length
 * 属性，可以获取到页面的访问量
 * --back()方法回退
 * --forward()方法前进
 * --go()
 * -可以用来跳转到指定页面
 * -它需要一个整数来作为参数
 * 1.正数往前跳
 * 2.负数往后跳
 */

/**
 * location
 * --直接打印可以获取地址栏的信息（当前页面的完整路径）
 * 如果将location属性修改为一个完整的路径，或相对路径
 * 则页面会自动跳转到该路径，并且会产生相应的历史记录
 * assign()用来跳转到其他页面，作用和直接修改location一样
 * reload --重新加载页面
 * replace --替换当前文档，不会产生历史记录
 */