项目中有需求,断网后,显示小提示窗,里面包含网络异常提示语和异常小logo图片。
在实际操作时,遇到,断网后,无法从后台获取异常小logo图片。
preLoadImgs(1<span style="color: #000000;">,urlImg); <span style="color: #0000ff;">function<span style="color: #000000;"> preLoadImgs(i,url) {
imgPreLoadBox[i] = <span style="color: #0000ff;">new Image(); <span style="color: #008000;">//<span style="color: #008000;">创建一个Image对象,实现图片的预下载
imgPreLoadBox[i].src =<span style="color: #000000;"> url;
}
<span style="color: #008000;">/<span style="color: #008000;">将预加载图片插入到div<span style="color: #008000;">/
<span style="color: #0000ff;">function<span style="color: #000000;"> appendImgTo(divId,img){
<span style="color: #0000ff;">if(img.complete) { <span style="color: #008000;">//<span style="color: #008000;"> 如果图片已经存在于浏览器缓存,直接调用回调函数
<span style="color: #000000;"> $(divId).append(img);
<span style="color: #0000ff;">return; <span style="color: #008000;">//<span style="color: #008000;"> 直接返回,不用再处理onload事件
<span style="color: #000000;"> }
img.onload </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> () {
$(divId).append(img);
}
}
<span style="color: #0000ff;">function<span style="color: #000000;"> getRootPath(){
<span style="color: #008000;">//<span style="color: #008000;">获取当前网址,如: http://localhost:8083/uim/********/meun.jsp
<span style="color: #0000ff;">var curWwwPath=<span style="color: #000000;">window.document.location.href;
<span style="color: #008000;">//<span style="color: #008000;">获取主机地址之后的目录,如: uim/**/meun.jsp
<span style="color: #0000ff;">var pathName=<span style="color: #000000;">window.document.location.pathname;
<span style="color: #0000ff;">var pos=<span style="color: #000000;">curWwwPath.indexOf(pathName);
<span style="color: #008000;">//<span style="color: #008000;">获取主机地址,如: http://localhost:8083
<span style="color: #0000ff;">var localhostPaht=curWwwPath.substring(0<span style="color: #000000;">,pos);
<span style="color: #008000;">//<span style="color: #008000;">获取带"/"的项目名,如:/uimcardprj
<span style="color: #008000;">//<span style="color: #008000;">var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
<span style="color: #0000ff;">return<span style="color: #000000;"> localhostPaht;
}