window.navigator.userAgent

查看用户的浏览器内核信息，注意：使用的时候判断的字符串有可能会被模拟。

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36
操作系统的版本，位数

window.location.href

在当前页面中跳转页面

var str = window.navigator.userAgent;

if(/iphone/i.test(str)){
    window.location.href = 'http://www.baidu.com';
}else if(/android/i.test(str)){
    window.location.href = 'http://www.sogou.com';
}else{
    window.location.href = 'http://www.sina.cn';
}
window.location.href = 'http://www.baidu.com';

window.location

浏览器地址栏信息

hash: ""  浏览器hash信息 #之后的信息，更换这个信息是不会刷新页面的
window.location.hash 即能读也能写

host: ""  ip地址 + 端口号
hostname: "" ip地址
href: ""  url
origin: "file://"
port: "" 端口
protocol: "file:"  协议
reload: ƒ reload()   刷新页面
replace: ƒ () 替换页面
search: ""  查询信息

HASH是个好东西

document.onclick = function(){
    window.location.hash = 'a=3';
    console.log(window.location.hash);
}

//当hash值发生变化的时候就触发
window.onhashchange = function(){
    alert('触发');
}

window.location.search

?到#号之间的信息；
既可读也可写，只不过写的时候会刷新页面

 console.log(window.location.search);
    document.onclick = function(){
        window.location.search = 'code=1';
    }

window.location.reload()

刷新页面

<body>
<div id="box"></div>
<button id="btn">刷新</button>
<script>

let ary = ['red', 'yellow', 'blue', 'green'];
let num = 0;
let timer = null;
box.onclick = function () {
    clearInterval(timer)
    timer = setInterval(() => {
        num++;
        num %= ary.length;
        box.style.background = ary[num];
    },500)

}

btn.onclick = function () {
    window.location.reload();
}

</script>
</body>

6.1 浏览器那些事儿