JavaScript的BOM

BOM

BOM是专门操作浏览器的API 。他有六个子对象。分别是history, location, navigator, document,screen,event。至于他们的作用的话, history是浏览器的历史记录, location:窗口的url 地址栏的信息;navigator: 浏览器的配置信息; document实际上就是DOM;screen:显示设备的信息; event: 事件对象。

location

location就是封装当前窗口正在打开的网址,关于它的属性的话。.href保存保存完整的url地址 协议 端口号 相对路径 锚点 查询字符串。.protocol的话其实就是http和https。.host就是端口号, .hostname主机名 .prot端口号,它们的作用就是用来区分一个服务器上的多个网站。 .pathname 相对路径。.hash的话就是锚点,.search 查询字符串。关于location的方法的话, location.assign(“url”)就是在当前窗口打开新url,它还可以这样子写:location.href = “newUrl” -->location = “newUrl”。 location.replace(“url”)在当前窗口打开新url,禁止后退,因为是用新的url替换history中当前url。重新加载当前页面就是location.reload(false/true) 。然后的话我这里还有一个例子,就是如何查找一个页面的登录名和密码。
function parseSearch () {
// 获取location的search,保存在变量search
var search = location.search;
// 创建一个空对象
var obj ={}
//接下来我们进行判断,如果这个search不是空的话
if(search != “”){
// 选取search中1位置后的剩余内容
var str = search.slice(1);
// 按 & 切割 得到一个数组 splits
var splits = str.split("&");
//接下来 遍历splits
for(var i = 0;i < splits.length ; i ++){//username=asdf
// 将当前元素按=切割,保存到数组arr中
var arr = splits[i].split("=");//[‘username’,‘asdf’]
// 将arr中0位置的元素保存为obj的属性名,1位置的元素保存为obj的属性值
obj[arr[0]] = arr[1];
}// 结束遍历
}
return obj;
}
上面这个函数就是我举得例子。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章