浏览器对象


浏览器:
IE10以上的支持ES6
Chrome:Google支持ES6
Safari:Apple支持ES6
Firefox:Mozilla支持ES6
window:
1:window对象不但充当全局作用域,还表示浏览器窗口。
2:window.navigator;//会把浏览器中所有的信息打印出来
3:请注意,navigator的信息可以很容易地被用户修改,所以不要用判断浏览器的一些信息来做判断,
正确的方法是充分利用JavaScript对不存在属性返回undefined的特性,直接用短路运算符||计算
var width = window.innerWidth || document.body.clientWidth;
4:screen:window.screen;//会把浏览器屏幕所有信息打印出来
5:location:location对象表示当前页面的URL信息
url:http://www.example.com:8080/path/index.html?a=1&b=2#TOP
location.protocol; // 'http'
location.host; // 'www.example.com'
location.port; // '8080'
location.pathname; // '/path/index.html'
location.search; // '?a=1&b=2'
location.hash; // 'TOP'
6:document:表示当前页面,HTML在浏览器中以DOM形式表示为树形结构,document对象就是整个DOM树的根节点
document的title属性是从HTML文档中的<title>xxx</title>读取的,但是可以动态改变:
document.title = '努力学习JavaScript!';//浏览器页面的title名称就改变了
document.cookie;获取当前页面用户的信息,因此引入的JS的网站也可以访问该网站,所以需要避免这个问题,使用httpOnly.
7:history:history.back();//后退
history.forward();//前进 一般不要使用这两个方法,很不好。

原文地址:https://www.cnblogs.com/qinbb/p/5795937.html