欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js replace正則相關(guān)的詭異問題

 更新時(shí)間：2009年10月08日 14:27:56   作者：  
最近做會(huì)員個(gè)人身份頁的時(shí)候遇上如下問題
 
測(cè)試的昵稱：jesse$<

查看代碼：Javascript代碼
復(fù)制代碼 代碼如下:

$id("f_msg_grow_1").innerHTML=msg["not_club"]["grow_value"].replace(/\{NICK_NAME}/,this.info["friend"]["nick_name"]);

看代碼很快可以注意到兩點(diǎn)：“replace 正則”和“$ ”。

在js 中replace 支持正則表達(dá)式，而$ 又恰好是正則向后匹配的特殊字符，很容易想到是正則引起的問題。而據(jù)我所知正則向后引用只有$1 、$2 、$3 、$4…… ，而這里只有一個(gè)”$” 沒有數(shù)字。

昵稱“jesse$< ”在后臺(tái)經(jīng)html 特殊字符處理，傳到前端是：“jesse$&lt; ”，看頁面結(jié)果注意到“$” 后的“&” 的也被替換了。難道是“$&” 在js 里表示正則向后引用的全匹配?

然后去掉了正則，將代碼改成：Javascript代碼
復(fù)制代碼 代碼如下:

$id("f_msg_grow_1").innerHTML=msg["not_club"]["grow_value"].replace("{NICK_NAME}",this.info["friend"]["nick_name"]);

居然還是同樣的結(jié)果，太詭異了!!!

更詭異的是在IE 下查看，居然是顯示正確的（之前一直在ff 下測(cè)試）！

測(cè)試代碼：Javascript代碼
復(fù)制代碼 代碼如下:

document.write("姓名：{NAME}".replace(/\{NAME}/g,"張劍光$&"));

IE 和ff 顯示相同：C-sharp代碼
姓名：張劍光{NAME}amp;
經(jīng)測(cè)試，“$&” 果真表示正則向后引用的全匹配，算我孤陋，之前居然不知道！

測(cè)試代碼：Javascript代碼
復(fù)制代碼 代碼如下:

document.write("姓名：{NAME}".replace("{NAME}","張劍光$&"));

ff 顯示：C-sharp代碼
姓名：張劍光{NAME}amp
IE 顯示：C-sharp代碼
姓名：張劍光$&
經(jīng)測(cè)試，ff 下居然replace 即使不用正則，“$&” 也表示向后全匹配?。。?
無語！

查找資料、測(cè)試并總結(jié)如下：

一、

字符

含義

$$

$

$&

指定與整個(gè)模式匹配的 stringObj 的部分。

$`

指定由 $& 描述的匹配之前的 stringObj 部分。

$'

指定由 $& 描述的匹配之后的 stringObj 部分。

測(cè)試代碼：

復(fù)制代碼 代碼如下:

document.write("姓名：{NAME}__".replace(/\{NAME}/g,"張劍光$&"));
document.write("姓名：{NAME}__".replace(/\{NAME}/g,"張劍光$$"));
document.write("姓名：{NAME}__".replace(/\{NAME}/g,"張劍光$`"));
document.write("姓名：{NAME}__".replace(/\{NAME}/g,"張劍光$'"));

Ie 、ff 和chrome 結(jié)果相同：
復(fù)制代碼 代碼如下:

姓名：張劍光{NAME}amp__姓名：張劍光$__姓名：張劍光姓名：__姓名：張劍光____

二、 ff 和chrome 下replace 不使用正則，也對(duì)上述特殊字符起作用
ie 下replace 不使用正則，對(duì)上述特殊字符不起作用 測(cè)試代碼：
復(fù)制代碼 代碼如下:

document.write("姓名：{NAME}__".replace("{NAME}","張劍光$&"));
document.write("姓名：{NAME}__".replace("{NAME}","張劍光$&"));
document.write("姓名：{NAME}__".replace("{NAME}","張劍光$$"));
document.write("姓名：{NAME}__".replace("{NAME}","張劍光$`"));
document.write("姓名：{NAME}__".replace("{NAME}","張劍光$'"));

ff 和chrome 結(jié)果：
復(fù)制代碼 代碼如下:

姓名：張劍光{NAME}amp__姓名：張劍光$__姓名：張劍光姓名：__姓名：張劍光____

Ie 結(jié)果：
復(fù)制代碼 代碼如下:

姓名：張劍光$&__姓名：張劍光$&__姓名：張劍光$$__姓名：張劍光$`__姓名：張劍光$'__

三、 由此，我們?cè)趹?yīng)用replace 等正則相關(guān)函數(shù)時(shí)，是否有必要特殊處理下上述存在情況呢？
測(cè)試代碼：
復(fù)制代碼 代碼如下:

var str = "姓名：{NAME}";
var str2 = "$<jesse$<";
document.write(str.replace(/\{NAME}/g,str2));
document.write("<br />");
document.write(str.replace(/\{NAME}/g,str2.replace(/\$/g,'$$$$')));//注意這里是四個(gè)“$”

頁面顯示：
復(fù)制代碼 代碼如下:

姓名：{NAME}lt;jesse{NAME}lt;
姓名：$<jesse$<

你還可以自己測(cè)試下：
復(fù)制代碼 代碼如下:

var str = "姓名：{NAME}";
var str2 = "$<jesse$<";
document.write(str.replace(/\{NAME}/g,str2.replace(/\$/g,'$$')));

比較好的做法是：
復(fù)制代碼 代碼如下:

function tplReplace(str,json){
return str.replace(/{(\w+)}/gi,function(a,b){
return b in json ? json[b] : a;
}
}

相關(guān)文章

最新評(píng)論