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 相关文章推荐
JavaScript使用技巧精萃[代码非常实用]
Nov 21 Javascript
使用js的replace()方法查找字符示例代码
Oct 28 Javascript
使用jQuery和PHP实现类似360功能开关效果
Feb 12 Javascript
jQuery中addClass()方法用法实例
Jan 05 Javascript
原生javascript实现图片无缝滚动效果
Feb 12 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
Sep 23 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
Dec 08 Javascript
easyUI combobox实现联动效果
Jan 17 Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
Mar 09 jQuery
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
星际原理概述
2020/03/04 星际争霸
php简单开启gzip压缩方法(zlib.output_compression)
2013/04/13 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
smarty模板引擎从配置文件中获取数据的方法
2015/01/22 PHP
PHP命令行执行整合pathinfo模拟定时任务实例
2016/08/12 PHP
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
js倒计时小程序
2013/11/05 Javascript
Seajs的学习笔记
2014/03/04 Javascript
超链接的禁用属性Disabled使用示例
2014/07/31 Javascript
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015/10/12 Javascript
原生js实现移动端瀑布流式代码示例
2015/12/18 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
2016/12/16 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
JS中Safari浏览器中的Date
2017/07/17 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
jquery获取input输入框中的值
2019/11/13 jQuery
js操作两个json数组合并、去重,以及删除某一项元素
2020/09/22 Javascript
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
Python fileinput模块使用介绍
2014/11/30 Python
Python实现图片转字符画的示例代码
2017/08/21 Python
Python实现自定义顺序、排列写入数据到Excel的方法
2018/04/23 Python
使用Python抓取豆瓣影评数据的方法
2018/10/17 Python
在PyCharm中控制台输出日志分层级分颜色显示的方法
2019/07/11 Python
如何通过命令行进入python
2020/07/06 Python
哈利波特商店:Harry Potter Shop
2018/11/30 全球购物
军训自我鉴定
2014/01/22 职场文书
年终晚会主持词
2014/03/25 职场文书
购房协议书范本
2014/04/11 职场文书
2014年十八届四中全会思想汇报范文
2014/10/17 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
教师个人成长总结
2015/02/11 职场文书
大学推普周活动总结
2015/05/07 职场文书
Django开发RESTful API实现增删改查(入门级)
2021/05/10 Python