JS高级程序设计8-BOM

• window对象(P193)

  定义全局变量与在window对象上直接定义属性的差别：

  var age=29;window.color="red";delete window.age;//返回falsedelete window.color;//返回truealert(window.age);//29alert(window.color);//undefind

  尝试访问未声明的变量会抛出错误，但通过查询window对象，可以知道某个可能未声明的变量是否存在

  var newValue=oldValue;//抛出错误，因为oldValue没有定义var newValue=window.oldValue; //undefind,因为是一次属性查询

  窗口位置(P197)

  兼容获取窗口的位置的方法：var leftPos=(typeof window.screenLeft=="number")?window.screenLeft:window.screenX;var topPos=(typeof window.screenTop=="number")?window.screenTop:window.screenY;moveTo()和moveBy()方法可以将窗口精确的移动到一个新位置

  窗口大小（P198）

  兼容获取窗口大小的方法：var pageWidth=window.innerWidth,pageHeight=window.innerheight；if(typyof pageWidth!="number"){     if(document.compatMode=="CSS1Compat"){         pageWidth=document.documentElement.clientWidth;        pageHeight=document.documentElement.clientHidth;    }else{         pageWidth=document.body.clientWidth;        pageHeight=document.body.clientHeight;    }}else{    pageWidth=document.documentElement.clientWidth;    pageHeight=document.documentElement.clientHeight;}resizeBy()和resizeTo()方法可以调整浏览器窗口的大小

  导航和打开窗口（弹出窗口）（P199）

  window.open(要加载的URL,窗口目标,一个特性字符串,表示新页面是否取代浏览器历史记录中当前加载页面的布尔值)；window.open()方法会返回一个指向新窗口的引用，通过这个引用可以控制新创建的窗口：var wroxWin=window.open("http://www.dfs.com/","xroWindow","height=400,width=400,top=10,left=10,resizable=yes");wroxWin.resizeTo(500,500);//调整大小wroxWin.moveTo(100,100);//移动位置//调用close()方法还可以关闭新打开的窗口wroxWin.close();//新创建的window对象有一个opener属性，其中保存着打开它的原始窗口对象wroxWin=window.open("http://www.dfs.com/","xroWindow","height=400,width=400,top=10,left=10,resizable=yes");alert(wroxWin.opener==window); //true//把opener设置为null可以使新创建的窗口与打开它的原标签页断开联系，使新创建的窗口可以在单独的进程中运行

  间歇调用和超时调用（P203）

  超时调用---setTimeout()//设置超时调用var timeoutId=setTimeout(function(){    alert("Hello world!");},1000);//注意，把它取消clearTimeout(timeoutId);间歇调用---setInterval()var num=0;var max=10;var intervalId=null;function incrementNumber(){     num++;    //如果执行次数达到了max设定的值，则取消后续尚未执行的调用    if(num==max){         clearInterval(intervalId);        alert("Done");    }}intervalId=setinterval(incrementNumber,500);

  系统对话框（P205）

  有alert()、confirm()和prompt()alert()---警告confirm()---确认/取消if(confirm("Are you sure?")){     alert("I'm so glad you're sure!");}else{     alert("I'm sorry to hear you're not sure.");}prompt()---提示/输入框/确认/取消

• location对象（P207）

  location既是window对象的属性，也是document对象的属性，window.location和document.location都可以。功能：解析URL&保存当前文档信息

  //查询字符串参数//位置操作(下面三种效果相同)location.assign("http://www.wrox.com");window.location="http://www.wrox.com";location.href="http://www.wrox.com";//location对象娶她的属性也可以改变当前加载的页面，并且返回会回到当前页//但location的replace()方法有所区别，它用新的页面替换原有页面（不能返回到当前页）reload()方法//重新加载当前页location.reload(); //重新加载（有可能从缓存中加载）lication.reload(true); //重新加载（从服务器重新加载）

• navigator对象（P211）

  检查插件

  function hasPlugin(name){     name=name.toLowerCase();    for(var i=0;i<navigator.plugins.length;i++){         if(navigator.plugins[i].name.tolowerCase().indexOf(name)>-1){             return true;        }    }}//检测Flashalert(hasPlugin("Flash"));//检测QuickTimealert(hasPlugin("QuickTime"));

  注册处理程序（P213）

  registerContenthandler()//可以将一个站点注册为处理某种文件的处理程序registerProtocolHandler()//可以将一个站点注册为处理某种协议的处理程序

• screen对象（P214）

• history对象(P215)

  跳转页码

  //后退一页history.go(-1);//前进两页history.go(2);//后退一页history.back();//前进一页history.forward();