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 相关文章推荐
jquery中.add()的使用分析
Apr 26 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
js动态设置鼠标事件示例代码
Oct 30 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
Apr 29 Javascript
微信小程序使用第三方库Underscore.js步骤详解
Sep 27 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
基于jQuery实现选项卡效果
Jan 04 Javascript
js仿QQ邮箱收件人选择与搜索功能
Feb 10 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
Apr 17 Javascript
Angular单元测试之事件触发的实现
Jan 20 Javascript
vue项目配置sass及引入外部scss文件
Apr 14 Vue.js
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计算2点经纬度之间的距离代码
2013/08/12 PHP
php获取网卡的MAC地址支持WIN/LINUX系统
2014/04/30 PHP
CI(CodeIgniter)框架介绍
2014/06/09 PHP
Laravel 5框架学习之环境与配置
2015/04/08 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
js下用gb2312编码解码实现方法
2009/12/31 Javascript
ajax 缓存 问题 requestheader
2010/08/01 Javascript
jquery.ui.draggable中文文档(原文翻译)
2013/11/15 Javascript
jQuery对象与DOM对象之间的相互转换
2015/03/03 Javascript
原生js实现移动开发轮播图、相册滑动特效
2015/04/17 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
jQuery+json实现动态创建复杂表格table的方法
2016/10/25 Javascript
AngularJS实现表单验证功能详解
2017/10/12 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
[02:17]《辉夜杯》TRG战队巡礼
2015/10/26 DOTA
使用PDB模式调试Python程序介绍
2015/04/05 Python
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
使用Python的Twisted框架实现一个简单的服务器
2015/04/16 Python
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
python中nan与inf转为特定数字方法示例
2017/05/11 Python
windows10下安装TensorFlow Object Detection API的步骤
2019/06/13 Python
django 单表操作实例详解
2019/07/30 Python
Python高并发和多线程有什么关系
2020/11/14 Python
Python基于template实现字符串替换
2020/11/27 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
大学生党员自我批评思想汇报
2014/10/10 职场文书
自我检讨书范文
2015/01/28 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
跑出一片天观后感
2015/06/08 职场文书
读《瓦尔登湖》有感:每个人都需要一个瓦尔登湖
2019/10/17 职场文书
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript
Linux、ubuntu系统下查看显卡型号、显卡信息详解
2022/04/07 Servers