JS高级程序设计8-BOM

window对象(P193)

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

var age=29;
window.color="red";
delete window.age;//返回false
delete window.color;//返回true
alert(window.age);//29
alert(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;
}
}
}
//检测Flash
alert(hasPlugin("Flash"));
//检测QuickTime
alert(hasPlugin("QuickTime"));

注册处理程序（P213）

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

screen对象（P214）

history对象(P215)

跳转页码

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