一、Window对象
ECMAScript是JavaScript的核心,但如果要在Web中使用JavaScript,那么BOM(浏览器对象模型)则才是真正的核心。
BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。
全局变量与在window对象上直接定义属性的区别:
全局变量不能通过delete操作符删除,而直接在window对象上的定义的属性可以。
top对象始终指向最高(最外)层的框架,也就是浏览器窗口。
parent(父)对象始终指向当前框架的直接上层框架。
self对象则回指window。
(注:除非最高层窗口是通过window.open()打开的,否则其window对象的name属性不会包含任何值)
超时调用(setTimeout)方法,它接收两个参数:要执行的代码和以毫秒表示的事件(即在执行代码前需要等待多少毫秒)。
//不建议传递字符串!
setTimeout("alert('Hello world')",1000);
//推荐的调用方式
setTimeout(function(){
alert("Hello world");
},1000);
要取消尚未执行的超时调用计划,可以调用clearTimeout()方法并将相应的超时调用ID作为参数传递给它。只要是在指定的事件尚未过去之前调用clearTimeout,就可以完全取消超时调用。
//设置超时调用
var timeoutId = setTimeout(function(){
alert("Hello world");
},1000);
//注意:把它取消
clearTimeout(timeoutId);
//不建议传递字符串!
setInterval("alert('Hello world!')",1000);
//推荐的调用方式
setInterval(function(){
alert("Hello world!");
},1000);
调用setInterval()方法同样也会返回一个间歇调用ID,该ID可用于在将来某个时刻取消间歇调用。
要取消尚未执行的间歇调用,可用使用clearInterval( )方法并传入相应的间歇调用ID.
var num = 0;
var max = 10;
var intervalId = null;
function incrementNumber(){
num++;
//如果执行次数达到了max设定的值,则取消后续尚未执行的调用
if(num == max){
clearTnterval(intervalId );
alert("Done");
}
}
intervalId = setInterval(incrementNumber,500);
二、系统对话框
通过alert( )、confirm( )和prompt( )方法可以调用系统对话框向用户显示消息。通过这几种方法打开的对话框都是同步和模态的,即显示这些对话框的时候代码会停止执行,而关掉这些对话框后代码又会恢复执行。
三、location对象
(1)位置操作
location对象可以通过很多方式来改变浏览器的位置:(下面三种方式效果相同)
location.assign("http://www.wrox.com");
window.location = "http://www.wrox.com";
location.href = "http://www.wrox.com"; //最常用的设置url的属性方式
(2)重新加载
location.reload( );//重新加载(有可能从缓存中加载)
location.reload(true);//重新加载(从服务器重新加载)
四、history对象
//后退一页
history.go(-1);
//前进一页
history.go(1);
//前进两页
history.go(2);
back()和forward()可以来代替go()
//后退一页
history.back();
//前进一页
history.forward();
history.length( )保存着历史记录的数量,包括所有历史记录,即所有向后和向前的记录。
对于加载到窗口、标签页或框架中的第一个页面而言,history.length等于0。
if( history.length == 0){
//这应该是用户打开窗口后的第一个页面
}