- window 对象,是 JS 的最顶层对象,其他的 BOM 对象都是 window 对象的属性。
- document 对象,文档对象;
- location 对象,浏览器当前URL信息;
- navigator 对象,浏览器本身信息;
- screen 对象,客户端屏幕信息;
- history 对象,浏览器访问历史信息;
在浏览器中,window对象有双重角色,它既是通过javascript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
2.2 window对象中常用的属性
2.2.1 window.name
属性:
window.name是window对象的一个属性,默认值为空。
特性:
window.name值在不同的页面(甚至不同域名)加载后依旧存在,
并且可以支持非常长的name值(2MB左右)
2.2.4 window.navigator对象
window.navigator对象包含大量有关Web浏览器的信息,在检测浏览器及操作系统上非常有用。(这个对象和event一样是一个全局变量,并且是唯一的)
navigator.appCodeName //浏览器代码名的字符串表示
navigator.appName //官方浏览器名的字符串表示
navigator.appVersion //浏览器版本信息的字符串表示
navigator.userAgent //返回和浏览器内核相关的信息
navigator.cookieEnabled //如果启用cookie返回true,否则返回false
navigator.javaEnabled() //如果启用java返回true,否则返回false
navigator.platform //浏览器所在计算机平台的字符串表示
navigator.plugins //安装在浏览器中的插件数组
ps:如果window.navigator.userAgent出现了Mobile,可以确定用户使用的是移动设备。
2.2.5 Location 对象
- location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议(http: 或 https:)
search 属性是一个可读可写的字符串,可设置或返回当前 URL 的查询部分(问号 ? 之后的部分)
2.3 window对象中常用的方法
history对象
window.history对象表示整个浏览器的页面栈对象。在对象中提供了一些属性和方法来帮助更好的控制整个浏览器中页面的访问。
(1)window.history.back() 跳转到栈中的上一个页面
(2)window.history.forward() 跳转到栈中的下一个页面
(3)window.history.go(num) 跳转到栈中的指定页面
3.1 history.back()
3.2 history.forward()
3.3 history.go()
3.2 存储对象
JavaScript 存储对象
Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作。
- 数据解析
数据解析:将【不能被直接使用的数据】通过某种方法转变为【能够被直接使用的数据】的过程称为数据解析。
而对于开发者来说最常见的数据解析就是将【字符串数据】解析为【对象数据】
例如:
假设我们得到了一个字符串数据为:
var data ="?name=frank&age=18&sex=male";
很显然这样一个字符串是没有办法直接为我们所用,因此我们可以通过如下的手段将这个字符串变更为一个对象。
var infoArr = window.location.search.slice(1).split("&");
var obj = {};
for(var i=0;i<infoArr.length;i++){
var temp = infoArr[i].split("=");
if(temp[0]){obj[temp[0]] = temp[1];}
}