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>