几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段

简介: 几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
/*去掉html标签(真正意义上去掉所有html标签包括内嵌的css样式)*/
String.prototype.stripHTML = function (isRemoveNewLine) {
    let t = document.createElement("div");
    t.innerHTML = html;
    let r = t.innerText;
    isRemoveNewLine && (r = r.replace(/[\r\n]/g, ""));
    return r;
}
 
 
//测试----------------------------------------
'<b>123</b><p>456</p>'.stripHTML();//'123\n\n456'
'<b>123</b><p>456</p>'.stripHTML(true);//'123456'
/*去掉a标签*/
String.prototype.stripA = function () {
    return this.replace(new RegExp("</?a.*?>", "g"), "");
};
 
//测试----------------------------------------
'<b>1<a>2</a>3</b><p>456</p>'.stripA();//'<b>123</b><p>456</p>'
/*去掉style样式*/
String.prototype.stripStyle = function () {
    return this.replace(/style=/g, "disableStyle=").replace(/href=/g, "disableHref=")
};
 
//测试----------------------------------------
'<a style="color:red" href="http://shuzhiqiang.com">123</a>'.stripStyle();
//'<a disableStyle="color:red" disableHref="http://shuzhiqiang.com">123</a>'
/*是否为html代码*/
function isHTMLcode(htmlStr) {
    var reg = /<[^>]+>/g;
    return reg.test(htmlStr);
}
 
//测试----------------------------------------
console.log(isHTMLcode("<b>123</b>"));//true


相关文章
|
5天前
|
移动开发 IDE 前端开发
HTML基础-标签与元素:构建网页的基石
【6月更文挑战第1天】HTML是网页基础,由标签和元素定义内容结构与样式。本文介绍HTML标签(如`<p>`)和元素(包括开始、结束标签及内容),并列出常见错误:忘记闭合标签、错误嵌套顺序、不恰当使用自封闭标签及混淆标签与属性。建议遵循标准、使用IDE辅助、验证代码和持续实践来避免错误。示例代码展示基本用法:`<html><head><title>...</title></head><body>...</body></html>`。学习HTML标签与元素是前端开发入门关键。
|
8天前
|
编解码 前端开发
编写代码中常见问题汇总(html和css)
编写代码中常见问题汇总(html和css)
21 0
|
1天前
|
数据采集 移动开发 搜索推荐
HTML基础-HTML5新增语义标签:解锁网页结构新维度
【6月更文挑战第5天】本文介绍了HTML5的语义标签,旨在提升网页结构化和可访问性。核心语义标签包括`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;main&gt;`、`&lt;article&gt;`、`&lt;section&gt;`、`&lt;aside&gt;`、`&lt;footer&gt;`、`&lt;figure&gt;`和`&lt;figcaption&gt;`。常见问题包括滥用标签作布局工具、忽略`&lt;main&gt;`、不恰当嵌套和忽视辅助功能。
|
5天前
|
前端开发 搜索推荐 UED
HTML基础-文本格式化标签:美化网页内容
【6月更文挑战第1天】本文介绍了HTML的文本格式化标签,包括`<b>`、`<strong>`、`<i>`、`<em>`、`<u>`、`<s>`、`<mark>`、`<small>`、`<sub>`和`<sup>`等,强调了语义化使用和避免常见错误的重要性。示例代码展示了这些标签的用法,帮助提升网页内容的可读性和吸引力。
|
8天前
|
前端开发 JavaScript
HTML图像标签的深入解析与应用
HTML图像标签的深入解析与应用
16 1
|
8天前
|
前端开发 SEO
HTML链接标签的深入解析与应用
HTML链接标签的深入解析与应用
14 0
|
8天前
|
搜索推荐 SEO
HTML文本格式化标签的深入解析与应用
HTML文本格式化标签的深入解析与应用
14 0
|
8天前
|
移动开发 HTML5
HTML基本结构标签解析
HTML基本结构标签解析
13 0
|
8天前
|
前端开发
HTML段落标签与换行标签的详解与应用
HTML段落标签与换行标签的详解与应用
14 0
|
8天前
|
搜索推荐 SEO
HTML标题标签的深入解析与应用
HTML标题标签的深入解析与应用