javascript使用replace替换动态字符串，replace正则中有变量处理办法

方法一：用eval（）处理

关于eval（），之前的文章也有过介绍，请看：javascript、js操作json方法总结 关于js中json操作的时候提到过！

例如下面的一段html

<ul class="Hrooms-dashb-list">
<li class="Hrooms-warn">
<h3 class="Hrooms-title" title="unicorn">unicorn</h3>
<p class="Hrooms-infor"><span title="haorooms">haorooms</span><span title="行：haorooms">haorooms</span></p>
</li>
</ul>

需求：我要把上面span中的innerHTML “haorooms”，外层包裹一个em标签，并且em标签的class是highlight

js操作：

var searchText = "haorooms";
var html = $(".Hrooms-dashb-list").html();
alert("old"+html);  
var newHtml = html.replace(eval("/>("+searchText+")</gi"),'><em class="highlight">$1</em><');
alert("new"+newHtml);

//注释"/>("+searchText+")</gi"  “/”是正则里面的，">"是<span>中的“>”,gi是正则中的g是全部，i是部分大小写。$1是匹配括号中的内容

关于正则：

/i (忽略大小写)
/g (全文查找出现的所有匹配字符)
/m (多行查找)
/gi(全文查找、忽略大小写)
/ig(全文查找、忽略大小写)

方法一：用regExp对象处理

html还是上面的不变，js如下：

var regExp = new RegExp(">("+searchText+")<", 'gi');
alert("old"+html+searchText);
var newHtml = html.replace(regExp,'><em class="highlight">$1</em><');
alert("new"+newHtml);

大致有上面2中方法，大家可以复制下来，操作一下，试一试！

我们下面再来匹配一下浏览器参数，看看一个浏览器参数的例子：