BOM(浏览器对象模型)
一、window对象
BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window有两个角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的global对象。这意味着在网页中定义的任何一个对象、变量、函数,都以window作为其global对象。
二、location对象
location对象是最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关信息,还提供了一些导航功能。事实上,location对象是很特别的一个对象,因为它既是window对象的属性,也是document对象的属性;换句话说,window.location和document.location引用的是同一个对象。location对象的用处不只表现在它保存着当前文档的信息,还表现在它将URL解析为独立的片段,让开发人员可以通过不同的属性访问这些片段。
查询字符串参数:虽然通过上面的属性可以访问到location对象的大多数信息,但其中访问URL包含的查询字符串的属性并不太方便。尽管location.search返回从问好到URL末尾的所有内容,但却没办法范围对值以及字符串参数,我们可以通过一下函数例子来获取我们想要的参数内容,函数最后返回一个对象。
很棒的例子:
function getQieryStringArgs() {
// 取得查询字符串并去掉开头的句号
var qs = (location.search.length > 0 ? location.search.substring(1) : "")
// 保存数据的对象
args = {}
// 取得每一项
items = qs.length ? qs.split("&") : [],
item = null,
name = null,
value = null,
// 在for循环中使用
i = 0,
len = items.length;
//逐个将每一项添加到args对象中
for (i = 0; i < len; i++) {
item = items[i].split("=");
name = decodeURIComponent(item[0]); //decodeURIComponent():此函数可对 encodeURIComponent() 函数编码的 URI 进行解码。
value = decodeURIComponent(item[1]);
if (name.length) {
args[name] = value;
}
}
return args;
}
位置操作符:
使用location对象可以通过很多种方式来改变浏览器的位置。我们可以通过location.assign(“http://www.baidu.com”),这种方式来访问一个新网站,同样网页浏览记录中也会记录。
它的效果和 window.location = “http://www.baidu.com” || location.href = “http://www.baidu.com”;(加粗最常用)
navigator对象
重点:navigator对象的属性通常用于检测显示网页的浏览器类型。虽然其他浏览器也通过其他方式提供了相同或相似的信息(IE: window.clientInformation;Opera: window.opera),但是navigator对象却是所有支持JavaScript的浏览器所共有的。
此处内容很多,用到的时候到《JS高级程序设计》P213 找就是
screen对象
描述:screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器信息,如像素宽度和高度等。每个浏览器中的screen对象都包含着各不相同的属性。
此对象同上,了解即可,其属性用的时候直接在浏览器F12 找这个对象,然后找属性即可,没什么好说的
history对象
history对象保存着用户上网的历史记录,从窗口被打开的那一刻起。因为history是window对象的属性,因此每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。出于安全考虑,开发人员无法得知用户浏览过的URL。不过,借由用户访问过的页面列表,同样可以在不知道实际URL的情况下实现后退和前进。
go()方法:使用go方法可以在用户的历史记录中任意跳转,可以先后也可以向前。这个方法接受一个参数,表示向后或向前跳转的页面数的一个整数值。负数表示先后跳转,类似于左上角前进后退按钮。
back()方法:此方法模拟浏览器后退页面
forward()方法:此方法模拟浏览器前进页面
back() 和 forward() 方法相当于把go()拆分开来写了。