JavaScript高程学习笔记之BOM(8)

---

[TOC]

---

1. window对象

1.1 全局做用域

全局变量与window属性的区别：全局变量不可用delete操做符删除，window属性能够 访问未定义变量会抛出错误，查询window对象能够知道变量是否存在

1.2 窗口关系及框架

每一个框架都拥有本身的window对象，而且保存在frames集合中，能够经过数值索引来访问

<frameset rows="160,*">
    <frame src="frame.htm" name="topFrame">
    <frameset cols="50%,50%">
        <frame src="anotherframe.htm" name="leftFrame">
        <frame src="yetanotherframe.htm" name="rightFrame">
    </frameset>
</frameset>

最好经过top.frames[0]来访问相应的框架 parent对象：指向当前框架的直接上层框架 self对象：它始终指向window

1.3 窗口位置

screenLeft属性和screenTop属性，分别表示窗口相对于屏幕左边和上边的位置

1.4 窗口大小

innerWidth、innderHeight、outerWidth、outerHeight window.innerWidth、window.innerHeight resizeTo()和resizeBy()方法调整浏览器窗口大小

1.5 导航和打开窗口

window.open()方法，要加载的URL、窗口目标、一个特性字符串以及一个表示新页面是否取代浏览器历史记录中当前加载页面的布尔值 窗口屏蔽程序

var blocked = false;
        
        try {
            var wroxWin = window.open("http://www.wrox.com", "_blank");
            if (wroxWin == null){
                blocked = true;
            }
        } catch (ex){
            blocked = true;
        }
        
        if (blocked){
            alert("The popup was blocked!");
        }

1.6 间歇调用和超时调用

JavaScript容许设置超时值和间歇时间值来调度代码在特定的时间执行 setTimeout()方法和clearTimeout()来超时调用和取消超时 setInterval()方法clearInterval()来间隔调用和取消间隔

1.7 系统对话框

aletr()、confirm()和prompt()调用系统对话框向用户提供消息

2. location()对象

提供了与当前窗口中加载的文档有关信息，还提供一些导航功能

2.1 查询字符串参数

function getQueryStringArgs(){
        
            //get query string without the initial ?
            var qs = (location.search.length > 0 ? location.search.substring(1) : ""),
            
                //object to hold data
                args = {},
            
                //get individual items
                items = qs.length ? qs.split("&") : [],
                item = null,
                name = null,
                value = null,
                
                //used in for loop
                i = 0,
                len = items.length;
            
            //assign each item onto the args object
            for (i=0; i < len; i++){
                item = items[i].split("=");
                name = decodeURIComponent(item[0]);
                value = decodeURIComponent(item[1]);
                
                if (name.length){
                    args[name] = value;
                }
            }
            
            return args;
        }

        //assume query string of ?q=javascript&num=10
        
        var args = getQueryStringArgs();
        
        alert(args["q"]);     //"javascript"
        alert(args["num"]);   //"10"

2.2 位置操做

assign()方法：改变浏览器位置 location.href属性 replace()方法：禁止“后退”导航到前一个页面 reload()方法：从新加载当前的页面

3. navigator对象

识别客户端浏览对象

3.1 检测插件

plugins数组 name：插件的名字 description：插件的描述 filename：插件的文件名 length：插件所处理的MIME类型数量 编写检测插件函数程序

3.2 注册处理程序

reisterContentHandler()和registerProtocolHandle()方法 让一个站点指明它能够处理特定的信息

4 screen对象

代表客户端的能力，其中包括浏览器窗口外部的显示信息，如像素宽度和高度等。

5. history对象

保存用户上网的历史记录