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

最近做项目中使用了js replace替换字符串，但是我的字符串是动态的，之前用的replace替换字符串都是固定的，那么动态字符串如何用replace正则替换呢？也就是说replace正则中有变量如何处理呢？

经过研究及网上搜索，得知有如下几种办法，现在总结一下！

方法一：用eval()处理

关于eval()，之前的文章也有过介绍，请看：http://www.haorooms.com/post/js_jsons_h 关于js中json操作的时候提到过！

例如下面的一段html

• unicorn

  haoroomshaorooms

需求：我要把上面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+")$1

alert("new"+newHtml);

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

关于正则：

/i (忽略大小写)

/g (全文查找出现的所有匹配字符)

/m (多行查找)

/gi(全文查找、忽略大小写)

/ig(全文查找、忽略大小写)

方法一：用regExp对象处理

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

var regExp = new RegExp(">("+searchText+")

alert("old"+html+searchText);

var newHtml = html.replace(regExp,'>$1

alert("new"+newHtml);

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

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

var reg=new RegExp("(http://www.haorooms.com/BookReader/)(\\d+),(\\d+).aspx","gmi");

var url="http://www.haorooms.com/BookReader/1017141,20361055.aspx";

//方式一,最简单常用的方式

var rep=url.replace(reg,"$1ShowBook.aspx?bookId=$2&chapterId=$3");

alert(rep);

会弹出

http://www.haorooms.com/BookReader/ShowBook.aspx?bookId=1017141&chapterId=20361055

以上就是本文全部内容，谢谢！