Javascript 常用window对象

1.navigator对象

window.navigator 对象包含有关访问者浏览器的信息。
常用属性：
appCodeName：返回浏览器的代码名
appName：返回浏览器的名称
appVersion：返回浏览器的平台和版本信息
cookieEnabled：是否启用cookie
platform：返回运行浏览器的操作平台
userAgent：返回用户设置的userAgent

<script>
    console.log('appCodeName='+navigator.appCodeName)
    console.log('appName='+navigator.appName)
    console.log('appVersion='+navigator.appVersion)
    console.log('cookieEnabled='+navigator.cookieEnabled)
    console.log('platform='+navigator.platform)
    console.log('userAgent='+navigator.userAgent)
</script>

chrome浏览器（PC）运行结果：

火狐浏览器（PC）运行结果：

IE11运行结果：

手机浏览器IOS-Alook

手机浏览器IOS-UC

注意！！！来自 navigator 对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：

1.navigator 数据可被浏览器使用者更改
2.浏览器无法报告晚于浏览器发布的新操作系统

2.screen对象

screen对象包含有关客户端显示屏幕的信息
width/height:返回屏幕的总宽高
availWidth/availHeight：返回屏幕的可用宽高（不包含window的任务栏）

<body>
    <div id="app">
        <p>{{'width='+screen.width}}</p>
        <p>{{'height='+screen.height}}</p>
        <p>{{'availWidth='+screen.availWidth}}</p>
        <p>{{'availHeight='+screen.availHeight}}</p>
    </div>
</body>
</html>
<script>
    new Vue({
        el:"#app",
        data:{
            navigator:window.navigator,
            screen:window.screen
        }
    })
</script>

3.location对象

location对象包含当前url的信息
href：完整的url
hash：锚部分
hostname：主机名
port：端口
host：主机名和端口
protocol：协议

以这个url为例

https://www.runoob.com/js/js-window-navigator.html?xxx=abc

location对象方法;
assign(url)：加载一个新文档，可以点浏览器的后退按钮返回上一个页面,可以看作是一个正常的页面跳转
reload()：刷新当前文档
replace(url)：替换当前文档，点浏览器的后退按钮时不会返回上一个页面，而是会返回上上个页面，毕竟是替换操作

4.history对象

history对象包含浏览器的历史
常用方法：
back()：回退上一个历史页面，相当于点击浏览器的后退按钮
forward()：前进到下一个历史页面，相当于点击浏览器的前进按钮
go()：跳转到某个历史页面，go(-1)就相当于back()，go(0)就相当于刷新页面，go(1)就相当于forward()