js获取html页面代码中图片地址的实现代码
更新时间：2018年03月05日 18:01:21 投稿：mdxy-dxy
这篇文章主要介绍了js获取html代码中图片地址的实现代码,需要的朋友可以参考下
第一种方法：js通过正则实现
/**
* 获取html代码中图片地址
* @param htmlstr
* @returns {Array}
*/
function getimgsrc(htmlstr) {
var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim;
var arr = [];
while (tem = reg.exec(htmlstr)) {
arr.push(tem[2]);
}
return arr;
}
第二种方法：jquery实现
var img = $(this).find("img").attr("src");//这个是获得相对路径 prospertu
//alert($(this).find("img").prop("src"));这个是获得完整路径 包括http://
js在获取图片的src是相对路径
js在获取src时或同时获取到域名路径；如图片路径是mall/kmenus/001.png，用obj.src或获取到http://localhost/mall/kmenus/001.png,但是通常只获取相对路径就可以了。做此记录。
<img src="mall/kmenus/001.png" onclick="showSelected(this)">
function showSelected(obj)
{
var rootpath='http://localhost/';
res=obj.src.replace(rootpath,'');
//分离路径和图片
document.getElementById("cate_img_src").src=obj.src;
}
这篇文章就介绍到这，需要的朋友可以参考一下。
相关文章
这篇文章主要为大家详细介绍了JavaScript中常见的数据格式化方式,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以了解一下2023-12-12
防抖与节流都是用来限制用户频发触发事件的机制,下面这篇文章主要给大家介绍了关于JavaScript中防抖和节流的实战应用,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
JS版获取字符串真实长度和取固定长度的字符串函数...2007-04-04
这篇文章主要为大家介绍了JS表示Stack类练习用栈实现任意进制转换示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要为大家详细介绍了JS实现同步文本框内容的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
小程序自定义tabbar导航栏及动态控制tabbar功能实现方法(uniapp)
在项目中遇到一个需求,根据不同的账号,生成不同的tabBar,下面这篇文章主要给大家介绍了关于小程序自定义tabbar导航栏及动态控制tabbar功能实现方法(uniapp)的相关资料,需要的朋友可以参考下2022-12-12
JS等比例缩小图片尺寸的实例，需要的朋友可以参考一下2013-02-02
从技术上讲，javascript并没有提供内置的系统来实现这个非常重要的事件驱动编程，不过得益于浏览器的DOM 事件模型，这缺点并没有过多地暴露出来。2010-03-03
这篇文章主要介绍了JS使用cookie实现DIV提示框只显示一次的方法,涉及JavaScript基于cookie标记控制页面元素样式修改的技巧,需要的朋友可以参考下2015-11-11
js中将时间戳转化成YYYY-MM-DD HH:mm:ss的3种实现办法
最近开发中需要和后端进日期和时间传值,前后端约定为时间戳的格式,但是前端展示需要展示成年-月-日的格式,就需要进行日期和时间转换格式,这篇文章主要给大家介绍了关于js中将时间戳转化成YYYY-MM-DD HH:mm:ss的3种实现办法,需要的朋友可以参考下2024-06-06
最新评论