Browser 对象 中各类对象详解

window对象 表示浏览器中打开的窗口。

alert（）弹出框
confirm（）确认框
prompt （）文本框

各种框 测试代码使用 正式项目不建议 因为他们会阻塞代码 建议使用各种插件库

navigator对象 即包含有关浏览器的信息

navigator.platform：操作系统类型；
navigator.userAgent：浏览器设定的User - Agent字符串。
navigator.appCodeName：浏览器代号；
navigator.appName：浏览器名称；
navigator.appVersion：浏览器版本；
navigator.language：浏览器设置的语言；
navigator.systemLanguage：浏览器系统语言；
navigator.cookieEnabled：浏览器是否启用了cookie

console.log(navigator.userAgent); // 可以用来判断浏览器
console.log(navigator.language); // 浏览器的语言。
console.log(navigator.systemLanguage); // 操作系统的语言。

location对象 包含有关当前 URL 的信息

location.href //获取完整的url信息
location.protocol //获取url中的协议名称 http：
location.host //获取url中的主机名字 带端口号 ip地址/域名
location.hostname //获取url中的主机名 不带端口号
location.pathname //获取url中的路径 文件所在的位置
location.search // 获取url中的查询字符串
location.hash // 获取url中的片段
location.port //获取端口号
重要的方法
刷新
1.location.reload();// 重新加载页面，刷新页面，相当于按下f5
2. location.href = location.href // location.href 本质上是用来跳转到另外一个URL地址 可以巧用用来刷新
3.location.assign()//location.assign() 给地址重新赋值 可以用来跳转 也可以用来后退
4. location.replace() // location.replace() 可以用来跳转 但不能后退

history对象 历史记录对象主要用来进行页面间的前进，后退操作

history.back()
history.forward()
history.go()
"history.go(1)"前进一步
"history.go(2)"前进两步

history.replaceState(“添加数据，可以是基本类型，也可以是引用类型”, “标题”, “two.html”); // 也可以进行跳转操作（只修改了url地址，不跳转），跳转时不会添加历史记录。 不能前进和后退

history.pushState(“添加数据，可以是基本类型，也可以是引用类型”, “标题”, “two.html”); // 也可以进行跳转操作（只修改了url地址，不跳转），跳转时会添加历史记录。

screen对象 包含有关客户端显示屏幕的信息。

window.screen.availWidth
window.screen.availHeight