JavaScript正则表达式匹配 div  style标签


Posted in Javascript onMarch 15, 2016

测试字符串:

<style>v\:* { 
BEHAVIOR: url(#default#VML) 
} o\:* 
{ 
BEHAVIOR: url(#default#VML) 
} w\:*
{ 
BEHAVIOR: url(#default#VML) 
} 
.shape 
{ 
BEHAVIOR: url(#default#VML) 
}
</style> 
abcdefg 
<style>
@font-face 
{ 
font-family: Wingdings;
} 
@font-face
{ 
font-family: Wingdings; 
} 
@font-face
{ 
font-family: Calibri;
} @font-face 
{ 
font-family: Tahoma; 
} 
@page WordSection1 
{size: 8.5in 11.0in; margin: 1.0in 1.0in 1.0in 1.0in; 
} P.MsoNormal 
{ 
FONT-SIZE: 12pt; MARGIN: 0in 0in 0pt; 
FONT-FAMILY: "Times New Roman","serif" 
} LI.MsoNormal { 
FONT-SIZE: 12pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Times New Roman","serif" 
} DIV.MsoNormal 
{ 
FONT-SIZE: 12pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Times New Roman","serif" 
} 
H1 
{ 
FONT-WEIGHT: bold; FONT-SIZE: 24pt; MARGIN-LEFT: 0in; 
MARGIN-RIGHT: 0in;
FONT-FAMILY: "Times New Roman","serif";
mso-style-priority: 9; 
mso-style-link: "Heading 1 Char"; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto
}
A:link 
{ 
COLOR: blue; TEXT-DECORATION: underline; mso-style-priority: 99
} 
SPAN.MsoHyperlink
{ 
COLOR: blue; TEXT-DECORATION: underline; mso-style-priority: 99 
} A:visited 
{ 
COLOR: purple; TEXT-DECORATION: underline; mso-style-priority: 99
} SPAN.MsoHyperlinkFollowed 
{ 
COLOR: purple; TEXT-DECORATION: underline; mso-style-priority: 99 
} 
P 
{ 
FONT-SIZE: 12pt; MARGIN-LEFT: 0in; MARGIN-RIGHT: 0in; FONT-FAMILY: "Times New Roman","serif"; 
mso-style-priority: 99; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto 
}
P.MsoAcetate 
{ 
FONT-SIZE: 8pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Tahoma","sans-serif"; 
mso-style-priority: 99; mso-style-link: "Balloon Text Char"
} 
LI.MsoAcetate
{ 
FONT-SIZE: 8pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Tahoma","sans-serif"; mso-style-priority: 99; mso-style-link: "Balloon Text Char"
} DIV.MsoAcetate 
{ 
FONT-SIZE: 8pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Tahoma","sans-serif";
mso-style-priority: 99; mso-style-link: "Balloon Text Char" 
} 
SPAN.Heading1Char 
{ 
FONT-WEIGHT: bold; mso-style-priority: 9; mso-style-link: "Heading 1"; mso-style-name: "Heading 1 Char" 
} 
SPAN.EmailStyle19 { 
COLOR: #1f497d; FONT-FAMILY: "Arial","sans-serif"; mso-style-type: personal-reply 
} SPAN.BalloonTextChar 
{ 
FONT-FAMILY: "Tahoma","sans-serif"; mso-style-priority: 99; mso-style-link: "Balloon Text"; mso-style-name: "Balloon Text Char" 
} 
.MsoChpDefault { 
FONT-SIZE: 10pt; mso-style-type: export-only 
} DIV.WordSection1 { 
page: WordSection1 } OL 
{ 
MARGIN-BOTTOM: 0in } UL 
{ 
MARGIN-BOTTOM: 0in 
}
</style>

第一次尝试:<style[^>/]*>(.*?)</style> 发现有换行的情况匹配不了,因为.是匹配除了换行符(/n)以外的任意一个字符。

第二次尝试:<style(([\s\S])*?)</style> 成功

匹配<div>只需要把<style>换成<div>即可

1. 只替换匹配到的第一个<style>

var result= testData.replace(<style(([\s\S])*?)<\/style>, '');

2. 会替换所有testData中所有的<style>标签

var result= testData.replace(/<style(([\s\S])*?)<\/style>/g, '');

g:代表可以进行全局匹配。

i:代表不区分大小写匹配。

m:代表可以进行多行匹配。

以上内容是小编给大家介绍的JavaScript正则表达式匹配<div><style>标签,希望对大家有所帮助!

Javascript 相关文章推荐
动态控制Table的js代码
Mar 07 Javascript
图片无缝滚动代码(向左/向下/向上)
Apr 10 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
js Object2String方便查看js对象内容
Nov 24 Javascript
包含中国城市的javascript对象实例
Aug 03 Javascript
js实现网站最上边可关闭的浮动广告条代码
Sep 04 Javascript
在 Express 中使用模板引擎
Dec 10 Javascript
Jquery zTree 树控件异步加载操作
Feb 25 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
微信小程序实时聊天WebSocket
Jul 05 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
Angular CLI 使用教程指南参考小结
Apr 10 Javascript
Angularjs整合微信UI(weui)
Mar 15 #Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 #Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 #Javascript
基于javascript html5实现3D翻书特效
Mar 14 #Javascript
php基于redis处理session的方法
Mar 14 #Javascript
使用javascript插入样式
Mar 14 #Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
Mar 14 #Javascript
You might like
php数组总结篇(一)
2008/09/30 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
javascript demo 基本技巧
2009/12/18 Javascript
js如何实现设计模式中的模板方法
2013/07/23 Javascript
js中同步与异步处理的方法和区别总结
2013/12/25 Javascript
Javascript添加监听与删除监听用法详解
2014/12/19 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
2015/11/09 Javascript
AngularJS 2.0新特性有哪些
2016/02/18 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
2017/01/06 Javascript
js 原型对象和原型链理解
2017/02/09 Javascript
微信小程序 合法域名校验出错详解及解决办法
2017/03/09 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
解决bootstrap-select 动态加载数据不显示的问题
2018/08/10 Javascript
微信小程序实现收货地址左滑删除
2020/11/18 Javascript
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
python插入数据到列表的方法
2015/04/30 Python
深入浅析Python字符编码
2015/11/12 Python
Python OS模块实例详解
2019/04/15 Python
浅谈selenium如何应对网页内容需要鼠标滚动加载的问题
2020/03/14 Python
Keras之自定义损失(loss)函数用法说明
2020/06/10 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
韩国爱茉莉太平洋化妆品美国站:Amore Pacific US
2016/10/28 全球购物
匈牙利最大的健身制造商和销售商:inSPORTline
2018/10/30 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
Pureology官网:为染色头发打造最好的产品
2019/09/13 全球购物
模具数控专业自荐信
2014/01/27 职场文书
党员查摆问题及整改措施
2014/10/10 职场文书
法人代表证明书范本
2015/06/18 职场文书
晚会开幕词范文
2016/03/04 职场文书
详解Python内置模块Collections
2022/03/22 Python