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 相关文章推荐
解析js原生方法创建表格效率测试
Jul 08 Javascript
解析JSON对象与字符串之间的相互转换
Dec 18 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
探讨JavaScript标签位置的存放与功能有无关系
Jan 15 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
Apr 16 Javascript
深入理解vue $refs的基本用法
Jul 13 Javascript
vue实现验证码按钮倒计时功能
Apr 10 Javascript
Javascript实现购物车功能的详细代码
May 08 Javascript
原生JS实现轮播图效果
Oct 12 Javascript
基于VUE的v-charts的曲线显示功能
Oct 01 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 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 array_search() 函数使用
2010/04/13 PHP
PHP中几个常用的魔术常量
2012/02/23 PHP
使用PHP接收POST数据,解析json数据
2013/06/28 PHP
比较完整的微信开发php代码
2016/08/02 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
PHP读取Excel类文件
2017/05/15 PHP
PHP添加文字水印或图片水印的水印类完整源代码与使用示例
2019/03/18 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
JS的数组的扩展实例代码
2008/07/09 Javascript
基于JQuery实现相同内容合并单元格的代码
2011/01/12 Javascript
jQuery中jqGrid分页实现代码
2011/11/04 Javascript
介绍JavaScript中Math.abs()方法的使用
2015/06/14 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
jQuery Ajax使用FormData对象上传文件的方法
2016/09/07 Javascript
详解利用 Express 托管静态文件的方法
2017/09/18 Javascript
详解在vue-cli中使用路由
2017/09/25 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
2018/01/17 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
手把手带你搭建一个node cli的方法示例
2020/08/07 Javascript
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
[33:23]VG vs Pain 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
使用python绘制常用的图表
2016/08/27 Python
用Python将动态GIF图片倒放播放的方法
2016/11/02 Python
Python numpy实现数组合并实例(vstack,hstack)
2018/01/09 Python
python画柱状图--不同颜色并显示数值的方法
2018/12/13 Python
Django缓存系统实现过程解析
2019/08/02 Python
python打开文件的方式有哪些
2020/06/29 Python
flask项目集成swagger的方法
2020/12/09 Python
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
Tommy Hilfiger美国官网:美国高端休闲领导品牌
2019/01/14 全球购物
COSETTE官网:奢华,每天
2020/03/22 全球购物
商务英语专业自荐信
2013/10/14 职场文书
公积金转移接收函
2014/01/11 职场文书
高中生物教学反思
2014/02/05 职场文书
PHP命令行与定时任务
2021/04/01 PHP