为了搞定这个问题,学习了十多天的JS,算是初步解决了。思路是图片以普通格式显示,会有一个onclick的下载链接。在加载结束后加入JS代码。先取出加载图片的SPAN,取出图片地址,再用图片显示格式的DIV,用这个新的图片地址替换掉原来的SPAN。(初学,简化或优化代码我就不考虑了,FOR循环都不怎么会用,还好我的是页面是固定的,只有两张图)。可惜看不懂页面原来引用的JS代码,或许应该有更好办法。
var reg = document.getElementsByTagName("span");
console.log(reg);
var reg0 = document.getElementsByTagName("span")[0];
var reg1 = document.getElementsByTagName("span")[1];
var parent0 = reg0.parentNode;
var parent1 = reg1.parentNode;
var regtext0 = reg0.outerHTML;
console.log(regtext0);
var regtext1 = reg1.outerHTML;
console.log(regtext1);
//if (regtext1 = "" < span class = "sep" > < /span>""){console.log("regetext1");};
var result0 = regtext0.match(/\(\'([^)]*)\'\)/);
var result1 = regtext1.match(/\(\'([^)]*)\'\)/);
console.log(result0, result1);
if (result0) {
var newresult0 = result0[1].replace(/amp;/g, "");
var div0 = document.createElement('div');
parent0.insertBefore(div0, reg0);
var dstyle0 = "border:0;background:url(" + newresult0 + ") no-repeat;width:607px;background-position:center;height:342px;background-size:contain";
div0.setAttribute('style', dstyle0);
reg0.remove(0);
}
if(result1){
var newresult1 = result1[1].replace(/amp;/g, "");
var div1 = document.createElement('div');
parent1.insertBefore(div1, reg1);
var dstyle1 = "border:0;background:url(" + newresult1 + ") no-repeat;width:607px;background-position:center;height:342px;background-size:contain";
div1.setAttribute('style', dstyle1);
reg1.remove(0);
}
这个替换过程应该可以封装函数的。这个在电脑网页上可以正常显示,但在移动客户端里就不行了,客户端里无法识别这个document,初学JS,搞不懂,不知道如何获取,先不搞它了,有懂JS的麻烦告诉下有什么办法。