当前位置: 首页 > 编程笔记 >

js获取html页面代码中图片地址的实现代码

孔甫
2023-03-14
本文向大家介绍js获取html页面代码中图片地址的实现代码,包括了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;
}

这篇文章就介绍到这,需要的朋友可以参考一下。

 类似资料:
  • 本文向大家介绍js本地图片预览实现代码,包括了js本地图片预览实现代码的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js本地图片预览实例,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍js图片轮播效果实现代码,包括了js图片轮播效果实现代码的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现图片轮播效果的具体代码,供大家参考,具体内容如下 首先给大家看一看js图片轮播效果,如下图 具体思路: 一、页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变量、存放当前索引的变量index 二、添加定时器,每隔2秒钟index递

  • 本文向大家介绍JS实现图片幻灯片效果代码实例,包括了JS实现图片幻灯片效果代码实例的使用技巧和注意事项,需要的朋友参考一下 其效果是点击图片切换到下一张图片 首先准备五张图片 样式 js 其中用的是 fadeIn() -> 淡入 和 fadeOut()-> 淡出 两者效果叠加则可用 fadeToggle() fadeToggle() 方法在 fadeIn() -> 淡入 和 fadeOut()->

  • 本文向大家介绍用iOS代码获取APP启动页图片,包括了用iOS代码获取APP启动页图片的使用技巧和注意事项,需要的朋友参考一下 用代码获取APP启动页图片  源码 - Objective-C  以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍iOS获取手机ip地址代码,包括了iOS获取手机ip地址代码的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了iOS获取手机ip地址的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍PHP 获取ip地址代码汇总,包括了PHP 获取ip地址代码汇总的使用技巧和注意事项,需要的朋友参考一下 代码一: 代码二: 方法三: 方法四: 方法五: 方法六:

  • 本文向大家介绍C#获取路由器外网IP,MAC地址的实现代码,包括了C#获取路由器外网IP,MAC地址的实现代码的使用技巧和注意事项,需要的朋友参考一下 C#实现的获取路由器MAC地址,路由器外网地址。对于要获取路由器MAC地址,一定需要知道路由器web管理系统的用户名和密码。至于获取路由器的外网IP地址,可以不需要知道路由器web管理系统的用户名和密码,但是需要有一个代理页面获取客户端公网ip地址

  • 本文向大家介绍用JavaScript获取页面文档内容的实现代码,包括了用JavaScript获取页面文档内容的实现代码的使用技巧和注意事项,需要的朋友参考一下 JavaScript的document对象包含了页面的实际内容,所以利用document对象可以获取页面内容,例如页面标题、各个表单值。 以上这篇用JavaScript获取页面文档内容的实现代码就是小编分享给大家的全部内容了,希望能给大家一