页面载入的时候，设置等待界面

最新推荐文章于 2022-06-11 17:03:56 发布

雁舞九天

最新推荐文章于 2022-06-11 17:03:56 发布

阅读量498

点赞数

分类专栏： Javascript 文章标签： div function

本文链接：https://blog.csdn.net/fengyan5022/article/details/7177386

版权

Javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

function on_load(){
_loadingIndicator = document.createElement("div");
_loadingIndicator.style.left =  0;
_loadingIndicator.style.top = 0;
_loadingIndicator.style.background = "white";
_loadingIndicator.style.position = "absolute";
_loadingIndicator.style.width = "100px";
_loadingIndicator.style.height = "100px";
_loadingIndicator.style.backgroundRepeat= "no-repeat";
_loadingIndicator.style.backgroundPosition = "center center";
_loadingIndicator.style.textAlign = "center";
_loadingIndicator.style.verticalAlign = "middle";
_loadingIndicator.style.paddingTop = "20%";
//("<div style=\"left:0;top:0;background-color:white;position:absolute;width:100%;height:100%; background-repeat:no-repeat; background-position:center center; //text-align:center; vertical-align:middle;padding-top:20%\">");
   var img = document.createElement("img");
   var div2 = document.createElement("div");
    _loadingIndicator.appendChild(img).src ="images/clock.gif";
    _loadingIndicator.appendChild(div2).innerHTML = "页面正在加载中，请稍候...";
	//debugger;
document.body.appendChild( _loadingIndicator);
}