郑州做网站推广资讯,企业形象设计的意义,海南网站优化公司,我怎么打不开建设银行的网站场景#xff1a; 获取HTML中的所有图片标签#xff0c;并把图片的src属性替换成webp图片, 若浏览器支持webp#xff0c;则展示#xff0c;不支持走onerror函数展示data-original原图。
function getDetailWebp(htmlStr, width 600){if(!htmlStr) return ;var reg /im…场景 获取HTML中的所有图片标签并把图片的src属性替换成webp图片, 若浏览器支持webp则展示不支持走onerror函数展示data-original原图。
function getDetailWebp(htmlStr, width 600){if(!htmlStr) return ;var reg /img[^]src[\|\]?([^(?|?|?)])[\|\]?[^]*/gi;if(!reg.test(htmlStr)) return htmlStr; // 内容中无图直接返回不用处理return htmlStr.replace(reg, function($0, $1){if($0.indexOf(data-original) ! -1) return $0; // 如果图片标签上有这个属性那这个可能是接口或者自己已经处理过的不需要重复处理返回即可return $0.replace($1, imageToWebp($1, width)).replace(/\/?/, data-original${$1} onerrorloadImageError(this)/)})}图片正则
var imgReg /img[^]/gi;
var imgAndSrcReg /img[^]src[\|\]?([^(?|?|?)])[\|\]?[^]*/gi; img 匹配图片标签[^] 匹配不是的任意字符 1到多src[‘|“]?([^(?”|?’|?)])[‘|]?匹配src属性[’|“]? 属性用单引号或者双引号包起来的可包可不包(可有可无)其中([^(?”|?‘|?)])最里层的(?|?’|?)非非’非,整个就是src中的属性值为非或非’或非的任意字符[^]* 不是的任意字符*代表0到多
