浏览器对象
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即可区分用户