JavaScript浏览器

浏览器对象

window

window对象不但充当全部变量作用域，而且表示浏览窗口

window对象有innerWidth和innerHeight属性获取浏览器窗口的内部宽度和高度（不包含工具栏什么的），和它对应的outerWidth和outerHeight获取浏览器的整个宽高

console.log(window.innerWidth);//净宽
console.log(window.innerHeight);//净高
console.log(window.outerWidth);//宽
console.log(window.outerHeight);//高

 navigator

表示浏览器的信息，最常用的属性包括

navigator.appName:浏览器名称
navigator.appVersion:浏览器版本
navigator.language:浏览器设置的语言
navigator.platform:操作系统类型
navigator.userAgent:浏览器设定的User-Agent字符串

注意：navigator的信息可以很容易地被用户修改，所以js读取到的值不一定是正确的

screen

表示屏幕的信息

screen.width://屏幕宽度，以像素为单位
screen.height://屏幕高度，以像素为单位
screen.colorDepth://返回颜色位数

location

表示当前页面的URL信息。例如，一个完整的URL

可以通过location.href获取

 

location.reload()://重新加载页面
location.assign('')://加载一个新页面

document

表示当前页面。由HTML在浏览器中以DOM形式表示为树形结构，document对象就是整个DOM树的根节点

要查找DOM树的某个节点，许要从document对象开始查找。最常用的查找就是根据ID和TagName

getElementById()获取id名称，getElementsByTagName()可以获名称节点

 history

保存了浏览器的历史记录，js可以调用history对象的back()或forward()相当于用户点击了后退和前进

document.getElementByid('id').onclick=()=>{
history.forward();//前进
}
document.getElementByid('id').onclick=()=>{
history.back();//后退
}

 扩展

document对象还有一个cookie属性，可以获取当前页面的cookie

Cookie是由服务器发送的key-value标识符，因为HTTP协议是无状态的，但是服务器要区分到底那个是用户发过来的请求，就可以用Cookie来区分。当一个用户登录成功后，服务器发送一Cookie给浏览器，例如user=ABC123455(加密字符串),此后浏览器访问该网站时，会在请求头附上这个Cookie，服务器根据Cookie即可区分用户