几个比较冷门的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


相关文章
|
14天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
20天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
70 6
|
1月前
|
Java BI API
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件,包括写入大文本和HTML代码,并分析了几种常用的Java PDF导出工具。
409 0
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
|
14天前
|
存储 移动开发 前端开发
|
1月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
99 1
|
18天前
|
前端开发
HTML 样式- CSS3
内部样式表适用于单个文件的特别样式,通过&lt;head&gt;部分的&lt;style&gt;标签定义;外部样式表适用于多个页面,通过&lt;link&gt;标签引用外部CSS文件;&lt;style&gt;定义样式,&lt;link&gt;引用资源;已弃用的标签有&lt;font&gt;、&lt;center&gt;、&lt;strike&gt;,属性有color和bgcolor。
|
18天前
HTML 样式- CSS2
HTML样式实例展示了如何使用`font-family`、`color`和`font-size`属性来定义字体样式,以及使用`text-align`属性来设置文本的对齐方式。示例包括标题和段落的样式设置。
|
18天前
|
前端开发
HTML 样式- CSS1
CSS (层叠样式表) 用于为 HTML 元素添加样式,包括颜色、文本、盒子模型等。CSS 可以通过内联样式、内部样式表或外部引用的方式添加到 HTML 中。推荐使用外部引用方式。本教程将介绍如何使用 CSS 为 HTML 添加样式,并提供实例演示。
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
40 2
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
33 1

热门文章

最新文章