以下的dom都是这么声明的dom对象 标志其装载状态的是readyState属性 可以用dom.readyState直接读取
readyState的介绍如下
这个属性是只读的,传回值有以下的可能:
0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。
1-LOADING:加载程序进行中,但文件尚未开始解析。
2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效。
3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的。
4-COMPLETED:文件已完全加载,代表加载成功。
我们看看当创建一个Dom后 dom.load会发生什么:
在load中,dom的属性readyState从0变到4 每次改变,都可以在dom的onreadystatechage事件中捕捉到
如果设置dom.async=true
标志异步,即不管load事件执行与否,是否完成,都继续下面的js代码。
如果后面的js代码要使用dom就麻烦了,因为不见得装载完成,怎么办呢?
这就用到了onreadystatechange事件了。 在这个事件里面判断readyState==4才对dom进行操作
dom.onreadystatechage = function(){
if(dom.readyState==4){
//你对dom操作的代码写在这里
}
}
这样就OK了 这样设置异步的好处是:如果远程反映很慢,不至于前台卡死。
如果设置dom.async=false 前面那些统统没用了,js会等到domload完成后才继续下面操作。 对于反映不会太慢的应用,特别是调用本地服务器的webservice,直接这么做就行了。