WebAPI-BOM浏览器对象模型-history对象、navigator对象
宇文鸿振
1. history对象
history对象主要用于记录你当前窗口的历史记录
- 主要作用就是前进和后退网页（相当于浏览器的左上角前进后退按钮功能）
- history.forward():前进
- history.back():后退
//history历史对象: back()回退1步，forward()前进1步，go()指定步数（负数回退，正数前进，0刷新）
document.querySelector("button").onclick = function () {
history.back();
// history.go(-1);
};
2. navigator对象
◆ 浏览器版本：navigator.appVersion
◆ 硬件平台：navigator.platform
◆ 浏览器信息：navigator.userAgent
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
<script>
/*navigator对象：包含当前浏览器的信息
工作中应用场景：用户信息统计（统计我这个网站平台的用户群体分布，什么浏览器，windows什么版本等）
*/
console.log ( navigator );//navigator对象
console.log ( navigator.appVersion ); //当前浏览器版本信息
console.log ( navigator.platform ); //当前浏览器的硬件平台
console.log ( navigator.userAgent ); //当前浏览器信息
//使用场景1：判断当前用户的操作系统是32位还是64位
//谷歌和IE 64位显示WOW64 火狐显示Win64
if(navigator.userAgent.indexOf('WOW64') != -1 || navigator.userAgent.indexOf('Win64') != -1){
console.log ( "64位" );
}else{
console.log ( "32位" );
}
//使用场景2：判断用户当前使用哪种浏览器
if(navigator.userAgent.indexOf('Chrome') != -1){
console.log ( "谷歌浏览器" );
}else if(navigator.userAgent.indexOf('Firefox') != -1){
console.log ( "火狐浏览器" );
}else{
console.log ( "IE浏览器" ); //也有可能是其他小众浏览器，可以忽略不计
}
</script>
</html>
类似资料：