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失效的解决方法
Jun 26 Javascript
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 Javascript
jquery手风琴特效插件
Feb 04 Javascript
jQuery简单实现验证邮箱格式
Jul 15 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
jQuery属性选择器用法示例
Sep 09 Javascript
Bootstrap模态框禁用空白处点击关闭
Oct 20 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
JavaScript阻止表单提交方法(附代码)
Aug 15 Javascript
详解Puppeteer 入门教程
May 09 Javascript
Vue3 源码导读(推荐)
Oct 14 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
Apr 01 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 进度条实现代码
2009/03/10 PHP
PHP 变量定义和变量替换的方法
2009/07/30 PHP
php生成缩略图填充白边(等比缩略图方案)
2013/12/25 PHP
PHP进程同步代码实例
2015/02/12 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
jquery选择符快速提取web表单数据示例
2014/03/27 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
jQuery实现列表的全选功能
2015/03/18 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
2016/11/25 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
Vue中props的详解
2019/05/16 Javascript
Vue 实现输入框新增搜索历史记录功能
2019/10/15 Javascript
node.js如何根据URL返回指定的图片详解
2020/10/21 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
浅谈Python实现2种文件复制的方法
2018/01/19 Python
详解python itertools功能
2020/02/07 Python
Django框架获取form表单数据方式总结
2020/04/22 Python
pip安装提示Twisted错误问题(Python3.6.4安装Twisted错误)
2020/05/09 Python
html5 canvas实现给图片添加平铺水印
2019/08/20 HTML / CSS
商务主管岗位职责
2013/12/08 职场文书
高二生物教学反思
2014/01/27 职场文书
会计与出纳自荐书范文
2014/03/16 职场文书
论文诚信承诺书
2014/05/23 职场文书
数学兴趣小组活动总结
2014/07/08 职场文书
赔偿协议书范本
2014/09/12 职场文书
师德师风自查总结
2014/10/14 职场文书
2015年国庆节标语大全
2015/07/30 职场文书
中秋节感想
2015/08/10 职场文书
MySQL之select、distinct、limit的使用
2021/11/11 MySQL