js获取html中图片路径,用js快速的获取html页面中图片的地址

这次给大家带来用js快速的获取html页面中图片的地址，用js快速获取html页面中图片的地址的注意事项有哪些，下面就是实战案例，一起来看一下。

这篇文章主要介绍了js获取html代码中图片地址的实现代码,需要的朋友可以参考下

第一种方法：js通过正则实现

/**

* 获取html代码中图片地址

* @param htmlstr

* @returns {Array}

function getimgsrc(htmlstr) {

var reg = /)/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,但是通常只获取相对路径就可以了。做此记录。

function showSelected(obj)

{

var rootpath='http://localhost/';

res=obj.src.replace(rootpath,'');

//分离路径和图片

document.getElementById("cate_img_src").src=obj.src;

}

相信看了本文案例你已经掌握了方法，更多精彩请关注php教程其它相关文章！

js获取html中图片路径,用js快速的获取html页面中图片的地址相关推荐

Js捕获地址栏信息，根据地址栏信息来判断是否要显示页面中的信息
问题描述:Js捕获地址栏信息,根据地址栏信息来判断是否要显示页面中的信息解决方法:使用window.location.href来判断地址栏中是否有要显示页面中某一区域的标识 function sel ...
node获取图片路径_使用软连接来解决 Drupal jsonapi 中 Node 节点图片相对路径的问题...
场景: http://angular.zhaobg.com 是Angular前端框架搭建的前台页面,Drupal 站点来提供 JSON 数据:http://api.zhaobg.com,而 Drupa ...
php怎么获取网页内的视频教程,PHP怎样用正则抓取页面中的网址
前言链接也就是超级链接,是从一个元素(文字.图片.视频等)链接到另一个元素(文字.图片.视频等).网页中的链接一般有三种,一种是绝对URL超链接,也就是一个页面的完整路径:另一种是相对URL超链接, ...
中动态路径加载_GOT段在linux系统中实现代码动态加载的作用和其他段的说明
上一节我们看到,当程序想调用系统函数时,在编译阶段无法确认被调用函数所在的虚拟地址.因此必须有机制让程序在运行过程中,在调用系统API的时候有办法去确定所调用的系统函数对应的入口地址,这就是代码运行时 ...
asp.net2.0中通过CS代码来动态的指定aspx页面中head中的信息
在使用asp.net进行web开发的时候页面中的<head></head>中的信息可以通过,asp.net的cs文件动态指定,但是如果很多页面都这样处理的话,就和在aspx代码 ...
url中斜杠如何传输_如何在父子页面中传输数据(layer)
最近组长给了一个需求, 需要将网址的ie弹窗兼容chrome, 因为这个网址架构实在太老了,有些棘手, 在解决后记录一下自己的解决方案, 方便回顾. 原来代码中用的window.showModalDi ...
在matlab中怎么录制音频_怎么录制淘宝页面中的视频？简单方法，轻松搞定
原标题:怎么录制淘宝页面中的视频?简单方法,轻松搞定怎么录制淘宝页面中的视频?当前足不出户,大家就可以在很多的电商平台购买到自己心仪的商品.这其中商机也就产生了,如果不太想上班,或者说想要自己当老板 ...
html中如何设置所有文本字体,如何设置HTML页面中文本的字体
字体属性介绍 CSS中的字体属性是干什么的呢?字体字体确定和字体有关咯,就是设置HTML页面中文本的字体, CSS中经常使用的字体属性有几种呢,笔者给你们梳理了下,比较经常使用的一共有5种,今天咱们就 ...
解决vue中父组件传图片路径src给子组件却无法正常显示图片的原因
子组件Cover.vue <div><div class="cover"><img :src="src" />...< ...

js获取html中图片路径,用js快速的获取html页面中图片的地址

js获取html中图片路径,用js快速的获取html页面中图片的地址相关推荐

最新文章

热门文章