BOM对象
window对象
先看window对象。这实际是浏览器的一个实例。window是一个全局的对象。因此定义全局变量可以有两种方式
- 直接在全局环境中定义变量
- 给window对象添加属性变量
但是有一定区别。就是如果采用方式一,那么[[Configurable]]特性将是false。意味着不能够delete。
var a = "red";
window.b = "blue";
delete window.a;//console返回false
delete window.b;//console返回true
另外通过查询window对象也可以知道某个变量是否存在。
var newValue = oldValue;//报错,oldValue未定义
var newValue = window.oldValue;//不会报错,undefined
窗口位置
Firefox:screenX/screenY
IE、Chrome、Safari:screenLeft/screenTop
使用下列代码
var leftPos = window.screenX?window.screenX:window.screenLeft
可以获取浏览器相对于屏幕左端的距离
窗口移动
window.moveTo(x,y);/window.moveBy(x,y);,但是可能被浏览器禁用。
导航和打开新窗口
window.open(url);
该方法会返回一个对象,指向这个打开的标签页。可以通过调用close方法来关闭这个标签页。
var newWin = window.open("http://www.baidu.com");
newWin.opener可以返回window对象。此时新的标签页和当前标签页还保持着通讯,newWin.opener = null则可以切断这种通讯,让标签页在独立的进程中运行。但是一旦切断就无法复原。
间歇调用和超时调用
超时调用setTimeout(function,time)
,经过time时间后指定的代码不一定会执行。Javascript有一个任务队列,并按顺序执行,如果时间到了,队列非空,那么他会等待之前的任务执行完了再执行。
间歇调用就是使用setInterval(function,time)
。
往往开发中使用setTimeout来模拟间歇调用
var num =0 ;
var max = 10;
setTimeout(increaseNum,500);
function increaseNum(){
if(num<max){
setTimeout(increaseNum,500);
}else{
alert("Done!");
}
}
之所以不用间歇调用是因为后一个间歇调用可能会在前一个调用结束之前启动。