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代码[翻译]
Feb 12 Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
jQuery回车实现登录简单实现
Aug 20 Javascript
jQuery超酷平面式时钟效果代码分享
Mar 30 Javascript
底部悬浮通栏可以关闭广告位的实现方法
Jun 01 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
Aug 16 Javascript
浅析$(function) ready和onload 的区别
Sep 03 Javascript
原生js实现可拖动的登录框效果
Jan 21 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
20多个小事例带你重温ES10新特性(小结)
Sep 29 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
Apr 23 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
根据分辨率不同,调用不同的css文件
2006/08/25 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
2012/05/04 Javascript
Nodejs学习笔记之NET模块
2015/01/13 NodeJs
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
Angular2开发——组件规划篇
2017/03/28 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
2017/09/05 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
基于Vue 撸一个指令实现拖拽功能
2019/10/09 Javascript
[46:27]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第一局
2016/03/02 DOTA
在Python中操作文件之seek()方法的使用教程
2015/05/24 Python
python实现最长公共子序列
2018/05/22 Python
django项目简单调取百度翻译接口的方法
2019/08/06 Python
pandas.DataFrame.drop_duplicates 用法介绍
2020/07/06 Python
python Selenium 库的使用技巧
2020/10/16 Python
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
业务助理岗位职责
2013/11/18 职场文书
会议接待欢迎词
2014/01/12 职场文书
同学会邀请书大全
2014/01/12 职场文书
银行内勤岗位职责
2014/04/09 职场文书
2014年售后服务工作总结
2014/11/18 职场文书
社区好人好事材料
2014/12/26 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
七一晚会主持词
2015/06/29 职场文书
五年级作文之学校的四季
2019/12/05 职场文书
CSS实现两列布局的N种方法
2021/08/02 HTML / CSS
Golang表示枚举类型的详细讲解
2021/09/04 Golang
python解析照片拍摄时间进行图片整理
2022/07/23 Python
MySQL中dd::columns表结构转table过程及应用详解
2022/09/23 MySQL