数码资讯
一个完整的加载提示程序实例,完成js实现前的页面{下载与演示源代码}
本文演示了在js实现页面加载之前加载提示的效果: 1。JS代码: 获取浏览器页面的高度和宽度 无功_pageheight = document.documentelement.clientheight, _pagewidth = document.documentelement.clientwidt
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文演示了在js实现页面加载之前加载提示的效果:
1。JS代码:
获取浏览器页面的高度和宽度
无功_pageheight = document.documentelement.clientheight,
_pagewidth = document.documentelement.clientwidth;
/ /计算荷载箱距离左边和上边的距离(215px加载框架宽度,高度61px)
无功_loadingtop = _pageheight > 61(_pageheight - 61)/ 2:0,
_loadingleft = _pagewidth > 215(_pagewidth - 215)/ 2:0;
页面未加载,加载html自定义内容后才显示
无功_loadinghtml =页面加载,请稍候…;
显示加载效果
document.write(_loadinghtml);
( / /在window.onload =功能){
无功/ loadingmask = document.getelementbyid('loadingdiv);
/ / loadingmask.parentnode.removechild(loadingmask);
/
1。JS代码:
获取浏览器页面的高度和宽度
无功_pageheight = document.documentelement.clientheight,
_pagewidth = document.documentelement.clientwidth;
/ /计算荷载箱距离左边和上边的距离(215px加载框架宽度,高度61px)
无功_loadingtop = _pageheight > 61(_pageheight - 61)/ 2:0,
_loadingleft = _pagewidth > 215(_pagewidth - 215)/ 2:0;
页面未加载,加载html自定义内容后才显示
无功_loadinghtml =页面加载,请稍候…;
显示加载效果
document.write(_loadinghtml);
( / /在window.onload =功能){
无功/ loadingmask = document.getelementbyid('loadingdiv);
/ / loadingmask.parentnode.removechild(loadingmask);
/
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。