JavaScript学习（三）BOM

我们现在用一个实际应用的角度去研究JavaScript

浏览器是JavaScript的核心  Rhino项目

首先了解一下浏览器 

浏览器层次

浏览器对象模型



子对象有document  frames  history  location  navigator  screen self/windows/parent

windows对象  表示浏览器正在打开的窗口  全局对象

1. location--来自Location对象，表示该窗口中当前显示文档的URL。

　　该对象下的其他属性有protocol，host，hostname，port，pathname，search.

提取url中的搜所字符串中的参数
/*
*这个函数被用来解析来自URL的查询字符串中name=value参数对

*它将name=value对存储在一个对象的属性中，并返回该对象

*

*/
function urlArgs(){
var args = {};
var query = location.search.substrings(1);//找到查询字符串，去掉？
var pairs = query.split('&');        //根据&将查询字符串分开,并存入到数组中
for(var i=0;i<pairs.lenght;i++){
var pos = pairs.indexOf('=');
if(pos == -1){
continue;
}else{
var name = pos[i].substring(0,pos);
var value = pos[i].substring(pos+1);
value = decodeURIComponent(value);
arg[name] = value;
}
return args;
}
}

2. history--来自窗口的History对象，浏览历史

　　该对象用来吧窗口的浏览历史用文档和文档状态列表表示。该对象下的length属性表示浏览历史列表中的元素数量。

　　该对象下的方法有history.back()，history.forward()，history.go(-1).

3. navagatior--引用的是包含浏览器厂商和版本信息的navagatior对象。

　　该对象下的地个属性appName，appVersion，userAgent（最常用），platform

4. screen--来自screen对象，提供有关窗口显示大小和可用的颜色数量信息。

5. onerror--事件处理程序，当未捕获的异常传播到调用栈上时就会调用他，并把错误传到javascript控制台。

　　该事件处理函数的调用通过三个字符串参数，而不是一个事件对象。

window.onerror = function(msg,url,line){
　　　　/*
　　　　　　msg:描述错误的一条信息
　　　　　　url:字符串，存放引发错误的javascript代码所在文档的url
　　　　　　line:文档中发生错误的行号
　　　　*/
　　　　if(onerror.num++ < onerror.max){
　　　　　　alert("ERROR："+msg+"\n"+url+"："+line);
　　　　　　return false;
　　　　}
　　}
　　onerror.max = 3;
　　onerror.num = 0;

还有closed  defaultStatus  name opener  parent status top 

二. windows对象的方法

1. setTimeout() setInterval() clearTimeout() clearInterval()----定时器

2. assign() replace() --  该方法可以载入并显示URL中的文档

3. alert()，conform()，prompt() , showModalDialog()--对话框

4. open()

　　window.open()可以打来一个新的浏览器窗口。他载入指定的url，并返回代表那个窗口的window对象。他有4个可选的参数。

　　第一个参数是要在新窗口中显示的url，如果参数省略，则会使用空页面的URL about：blank

　　第二个参数是新打开窗口的名字，如果指定的是一个已经存在的窗口的名字，则会直接使用已存在的窗口。否则打开新窗口，如果省略该参数，会使用默认的名字_blank

　　第三个参数是设置浏览器的一些属性，如宽度，高度，能否改变大小，在屏幕的位置。

　　第四个参数只有在第二个参数命名的是一个存在窗口时才会起作用，他是一个布尔值，true为替换已存在窗口，false为打开信窗口。

例如，要打开允许改变大小的浏览器窗口
var w = window.open('test.html','测试窗口',‘width=400,height=300,resizable=yes’);
open()的返回值代表命名新窗口的window对象。可以在自己的javascript代码中引用这个新建的窗口。
w.alert('hello world');    //调用新窗口alert()方法

5. close()

　　如果已经创建了新窗口对象w，则可以这样关闭

　　w.close();

 还有addEventListener()  addEvent()  blur()  focus() closed()  detachEvent()  removeEventListener()  open()  print()  moveBy  moveTo  resizeBY/to  还有定时任务 

屏幕信息screen对象 

可用属性：

navigator对象  辅助检查访问这和环境的信息

属性：

location对象   能够访问uri 包括查询字符串  使用协议  其他组件信息

属性

history对象  历史记录

属性