java和javascript中過(guò)濾掉img形式的字符串不顯示圖片的方法
更新時(shí)間：2015年02月10日 09:19:28 作者：woshisap
這篇文章主要介紹了java和javascript中過(guò)濾掉img形式的字符串不顯示圖片的方法,以實(shí)例形式分別講述了采用java和javascript實(shí)現(xiàn)過(guò)濾掉img形式字符串的技巧,需要的朋友可以參考下
本文實(shí)例講述了java和javascript中過(guò)濾掉img形式的字符串不顯示圖片的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
1. javascript過(guò)濾掉<img></img>和<img />形式的字符串
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>過(guò)濾html中的img屬性</title>
<script type="text/javascript">
var htmlContent = "<div id='test'><img src='aaa' height='4' width='4'></img><img src='ff' width='44' height='444' /></div>";
var data = htmlContent.replace(/<img.*>.*<\/img>/ig,""); //過(guò)濾如<img></img>形式的圖片元素
data = data.replace(/<img.*\/>/ig, ""); //過(guò)濾如<img />形式的元素
alert(data);
</script>
</head>
<body>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>過(guò)濾html中的img屬性</title>
<script type="text/javascript">
var htmlContent = "<div id='test'><img src='aaa' height='4' width='4'></img><img src='ff' width='44' height='444' /></div>";
var data = htmlContent.replace(/<img.*>.*<\/img>/ig,""); //過(guò)濾如<img></img>形式的圖片元素
data = data.replace(/<img.*\/>/ig, ""); //過(guò)濾如<img />形式的元素
alert(data);
</script>
</head>
<body>
</body>
</html>
程序效果：
可以看到類似于<img></img>和<img />形式的字符串已經(jīng)消失
2. java代碼過(guò)濾字符串中類似于<img></img>和<img />形式的字符串
復(fù)制代碼 代碼如下:
public class TestRegex {
public static void main(String[] args) {
String html = "<div id='test'><img src='aaa' height='4' width='4'></img><img src='ff' width='44' height='444' /></div>"; //要被過(guò)濾的字符串
/*
* 替換掉<img></img>和<img />的形式的字符串為空字符串
*/
String destStr = html.replaceAll("<img.*>.*</img>", "").replaceAll("<img.*/>", "");
System.out.println(destStr);
}
}
public static void main(String[] args) {
String html = "<div id='test'><img src='aaa' height='4' width='4'></img><img src='ff' width='44' height='444' /></div>"; //要被過(guò)濾的字符串
/*
* 替換掉<img></img>和<img />的形式的字符串為空字符串
*/
String destStr = html.replaceAll("<img.*>.*</img>", "").replaceAll("<img.*/>", "");
System.out.println(destStr);
}
}
程序輸出結(jié)果為：
<div id='test'></div>
可以看到類似于<img></img>和<img />形式的字符串已經(jīng)消失。
相關(guān)文章
這篇文章主要介紹了SpringBoot中的自定義starter詳解,SpringBoot中的starter是一種非常重要的機(jī)制,能夠拋棄以前繁雜的配置,將其統(tǒng)一集成進(jìn)starter,需要的朋友可以參考下2024-01-01
SpringBoot整合MyBatis逆向工程及 MyBatis通用Mapper實(shí)例詳解
這篇文章主要介紹了SpringBoot整合MyBatis逆向工程及 MyBatis通用Mapper實(shí)例詳解 ,需要的朋友可以參考下2017-09-09
Spring Boot 如何解決富文本上傳圖片跨域問(wèn)題
這篇文章主要介紹了Spring Boot 如何解決富文本上傳圖片跨域問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-09-09
SpringBoot跨域Access-Control-Allow-Origin實(shí)現(xiàn)解析
這篇文章主要介紹了SpringBoot跨域Access-Control-Allow-Origin實(shí)現(xiàn)解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
SpringBoot多環(huán)境配置及配置文件分類實(shí)例詳解
這篇文章主要介紹了SpringBoot多環(huán)境配置及配置文件分類,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-10-10
這篇文章主要介紹了springboot中.yml文件參數(shù)的讀取方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-02-02
這篇文章主要為大家詳細(xì)介紹了Java構(gòu)建乘積數(shù)組的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-03-03
IntelliJ?IDEA?2021.3永久最新激活至2099年(親測(cè)有效)
最新版idea2021.3已出來(lái)，很多網(wǎng)友迫不及待的要升級(jí)idea2021最新版，今天小編抽空給大家整理了一篇教程關(guān)于idea2021.3最新激活教程，本文以idea2021.2.3為例通過(guò)圖文并茂的形式給大家分享激活詳細(xì)過(guò)程，感興趣的朋友參考下吧2020-12-12
如何利用grep-console插件使Intellij idea顯示多顏色調(diào)試日志
這篇文章主要介紹了利用grep-console插件使Intellij idea顯示多顏色調(diào)試日志,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-05-05
這篇文章主要介紹了Java的面相對(duì)象編程思想,包括類對(duì)象方法和封裝繼承多態(tài)等各個(gè)方面的OOP基本要素,非常推薦,需要的朋友可以參考下，希望可以對(duì)你有所幫助2021-07-07