JS正则获取HTML所有img的链接

ゝ一世哀愁。 2023-01-09 12:58 112阅读 0赞

<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
 </head>
 <body>
 <script>
 window.onload=function(){
 let htmlStr='对内容信息进行确定展示效果内容信息<img src="http://192.168.0.106:8009/static/upload/kmedia/20210121/tu.png" style="max-width:100%;"> 实现图片的展示效果内容<img src="http://192.168.0.106:8009/static/upload/kmedia/20210121/t01ceb40b7cbbb0dcdf.jpg" style="max-width:100%;"> 为图片中的内容进行确定信息开始<img src="http://192.168.0.106:8009/static/upload/kmedia/20210121/天然气.jpg" style="max-width:100%;"> ' 
 // let htmlStr='12月19日，“行业与前瞻——2020中国数据内容大会”在浙江杭州举行。图为与会嘉宾合影。（主办方供图）大会战略合作方新浪集团首席信息官、新浪AI媒体研究院院长王巍在开幕辞中说，在智能媒体时代，数据与内容的深度融合正成为智能媒体产业的重要发展趋势之一，将海量数据转化为公众可以理解的内容尤为迫切。中国新闻史学会网络传播史研究委员会会长、浙江大学传媒与国际文化学院院长韦路说，期待以数据内容创作者为核心聚拢研究者、教育者和投资者，反思性地锚定数据内容实践的社会价值，开拓商业价值，共同迎接数据内容行业的机遇和挑战。12月19日，“行业与前瞻——2020中国数据内容大会”在浙江杭州举行。图为与会嘉宾合影。（主办方供图）大会战略合作方新浪集团首席信息官、新浪AI媒体研究院院长王巍在开幕辞中说，在智能媒体时代，数据与内容的深度融合正成为智能媒体产业的重要发展趋势之一，将海量数据转化为公众可以理解的内容尤为迫切。中国新闻史学会网络传播史研究委员会会长、浙江大学传媒与国际文化学院院长韦路说，期待以数据内容创作者为核心聚拢研究者、教育者和投资者，反思性地锚定数据内容实践的社会价值，开拓商业价值，共同迎接数据内容行业的机遇和挑战。12月19日，“行业与前瞻——2020中国数据内容大会”在浙江杭州举行。图为与会嘉宾合影。（主办方供图）大会战略合作方新浪集团首席信息官、新浪AI媒体研究院院长王巍在开幕辞中说，在智能媒体时代，数据与内容的深度融合正成为智能媒体产业的重要发展趋势之一，将海量数据转化为公众可以理解的内容尤为迫切。中国新闻史学会网络传播史研究委员会会长、浙江大学传媒与国际文化学院院长韦路说，期待以数据内容创作者为核心聚拢研究者、教育者和投资者，反思性地锚定数据内容实践的社会价值，开拓商业价值，共同迎接数据内容行业的机遇和挑战。12月19日，“行业与前瞻——2020中国数据内容大会”在浙江杭州举行。图为与会嘉宾合影。（主办方供图）大会战略合作方新浪集团首席信息官、新浪AI媒体研究院院长王巍在开幕辞中说，在智能媒体时代，数据与内容的深度融合正成为智能媒体产业的重要发展趋势之一，将海量数据转化为公众可以理解的内容尤为迫切。中国新闻史学会网络传播史研究委员会会长、浙江大学传媒与国际文化学院院长韦路说，期待以数据内容创作者为核心聚拢研究者、教育者和投资者，反思性地锚定数据内容实践的社会价值，开拓商业价值，共同迎接数据内容行业的机遇和挑战。' 
 let imgStrs = htmlStr.match(/<img.*?>/g)
 console.log(imgStrs,'------图片标签')
 if(imgStrs){
 // 获取每个img url
 let urls = imgStrs.map(url=>{
 return url.match(/\ssrc=['"](.*?)['"]/)[1]
 })
 console.log(urls,'------图片url')
 }else{
 console.log('----没有图片')
 }
 }
 </script>
 </body>
 </html>```