js正則字串中所有img圖片標籤並補全位址及alt描述

來源:互聯網
上載者:User
關鍵字 網頁製作 Ajax JavaScript

js正則字串中所有img圖片標籤並補全位址及alt描述

<script>
var s='<img src="/upload/image.jpg" />這是一些文字<img src="/upload/image.jpg" alt="圖片說明" />又是一些文字<img src=" HTTP://www.jzread.com/upload/image.jpg" />最後一些檔';

var RegExp=/(<imgs*src=")(?:HTTP://[w.] +)? ([^"]+) ("[^>]+>)/gim

s=s.replace(RegExp,'$1[url]HTTP://www.jzread.com[/url]$2$3');

document.write('<xmp>'+s+'</xmp>');

</script>

方法二

<script>
var s='<img src="/upload/image1.jpg" />這是一些文字<img src="/upload/image2.jpg" alt="圖片說明2" />又是一些文字<img src="HTTP://www.jzread.com/upload/image3.jpg" />最後一'
var imgreg = /<img.*?/?>/gi;

s=s.replace(imgreg,function(imgsrc){
imgsrc = imgsrc.replace(/src="(?:HTTP://www.jzread.com)?(. *?)" /i,"src="HTTP://www.jzread.com$1"")
if(imgsrc.indexof("alt=")==-1){
imgsrc = imgsrc.replace(//?>/i,"alt="圖片說明"/>");
}
return imgsrc;
});

alert(s);
</script>
功能實例

字串是 <img src="/upload/image.jpg" />這是一些文字<img src="/upload/image.jpg" alt="圖片說明" />又是一些文字<img src=" HTTP://www.jzread.com/upload/image.jpg" />最後一些檔

就是一個圖文混排的html代碼
想用正式運算式去將圖片位址自動加上完整功能變數名稱,再自動加上alt描述文字,但有一些是已經帶了 alt 描述的,有一些是已經有完整圖片位址了的
能用一條正則運算式去做替換嗎?

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.