JS判断页面加载状态以及添加遮罩和缓冲动画

废话少说，直接贴代码！有注释！

[align=left]function initialize() {[/align]
[align=left] addcloud(); //为页面添加遮罩[/align]
[align=left] document.onreadystatechange = subSomething; //监听加载状态改变[/align]
[align=left]}[/align]
[align=left] [/align]
[align=left]function addcloud() {
[/align]
[align=left] var bodyWidth = document.documentElement.clientWidth;[/align]
[align=left] var bodyHeight = Math.max(document.documentElement.clientHeight, document.body.scrollHeight);[/align]
[align=left] var bgObj = document.createElement("div" );[/align]
[align=left] bgObj.setAttribute( 'id', 'bgDiv' );[/align]
[align=left] bgObj.style.position = "absolute";[/align]
[align=left] bgObj.style.top = "0";[/align]
[align=left] bgObj.style.background = "#000000";[/align]
[align=left] bgObj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75" ;[/align]
[align=left] bgObj.style.opacity = "0.5";[/align]
[align=left] bgObj.style.left = "0";[/align]
[align=left] bgObj.style.width = bodyWidth + "px";[/align]
[align=left] bgObj.style.height = bodyHeight + "px";[/align]
[align=left] bgObj.style.zIndex = "10000"; //设置它的zindex属性，让这个div在z轴最大，用户点击页面任何东西都不会有反应|[/align]
[align=left] document.body.appendChild(bgObj); //添加遮罩[/align]
[align=left] var loadingObj = document.createElement("div");[/align]
[align=left] loadingObj.setAttribute( 'id', 'loadingDiv' );[/align]
[align=left] loadingObj.style.position = "absolute";[/align]
[align=left] loadingObj.style.top = bodyHeight / 2 - 32 + "px";[/align]
[align=left] loadingObj.style.left = bodyWidth / 2 + "px";[/align]
[align=left] loadingObj.style.background = "url(../img/loading.gif)" ;[/align]
[align=left] loadingObj.style.width = "32px";[/align]
[align=left] loadingObj.style.height = "32px";[/align]
[align=left] loadingObj.style.zIndex = "10000"; [/align]
[align=left] document.body.appendChild(loadingObj); //添加loading动画-[/align]
[align=left]}[/align]
[align=left] [/align]
[align=left]function removecloud() {[/align]
[align=left] $( "#loadingDiv").remove();[/align]
[align=left] $( "#bgDiv").remove();[/align]
[align=left]}[/align]

[align=left] [/align]

[align=left]function subSomething() {[/align]
[align=left] if (document.readyState == "complete" ) //当页面加载完毕移除页面遮罩，移除loading动画-[/align]
[align=left] {[/align]
[align=left] removecloud();[/align]
[align=left] }[/align]
[align=left]}[/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]