麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > Regex > 正文

js replace正則相關的詭異問題

2020-03-16 21:15:20
字體:
來源:轉載
供稿:網友
最近做會員個人身份頁的時候遇上如下問題
 
 
js replace正則相關的詭異問題 
測試的昵稱:jesse$< 

查看代碼:Javascript代碼 
復制代碼代碼如下:

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

看代碼很快可以注意到兩點:“replace 正則”和“$ ”。 

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

昵稱“jesse$< ”在后臺經html 特殊字符處理,傳到前端是:“jesse$< ”,看頁面結果注意到“$” 后的“&” 的也被替換了。難道是“$&” 在js 里表示正則向后引用的全匹配? 

然后去掉了正則,將代碼改成:Javascript代碼 
復制代碼代碼如下:

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

居然還是同樣的結果,太詭異了!!! 

更詭異的是在IE 下查看,居然是顯示正確的(之前一直在ff 下測試)! 

測試代碼:Javascript代碼 
復制代碼代碼如下:

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

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

測試代碼:Javascript代碼 
復制代碼代碼如下:

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

ff 顯示:C-sharp代碼 
姓名:張劍光{NAME}amp 
IE 顯示:C-sharp代碼 
姓名:張劍光$& 
經測試,ff 下居然replace 即使不用正則,“$&” 也表示向后全匹配!!! 
無語! 

查找資料、測試并總結如下:

一、

字符

含義

$$

$

$&

指定與整個模式匹配的 stringObj 的部分。

$`

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

$'

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

測試代碼:

復制代碼代碼如下:

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 結果相同: 
復制代碼代碼如下:

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

二、 ff 和chrome 下replace 不使用正則,也對上述特殊字符起作用 
ie 下replace 不使用正則,對上述特殊字符不起作用 測試代碼: 
復制代碼代碼如下:

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 結果: 
復制代碼代碼如下:

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

Ie 結果: 
復制代碼代碼如下:

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

三、 由此,我們在應用replace 等正則相關函數時,是否有必要特殊處理下上述存在情況呢? 
測試代碼: 
復制代碼代碼如下:

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,'$$$$')));//注意這里是四個“$” 

頁面顯示: 
復制代碼代碼如下:

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

你還可以自己測試下: 
復制代碼代碼如下:

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

比較好的做法是: 
復制代碼代碼如下:

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产瑟瑟视频 | 中文日产幕无线码6区免费版 | 九九爱视频| 欧美18—19sex性hd按摩 | 黄网站进入 | 亚洲成人福利在线观看 | 97zyz成人免费视频 | 国产午夜精品理论片a级探花 | 国产免费片 | 久色亚洲| 男女羞羞视频 | 成人在线观看免费观看 | 国产精品久久久久一区二区 | 欧洲成人综合网 | 久久综合九色 | 91成人免费在线观看 | 视频一区二区三区在线播放 | 成年人免费视频播放 | 91美女视频在线观看 | 日本高清黄色片 | 婷婷久久综合九色综合色多多蜜臀 | 成人国产在线看 | 久久资源总站 | 国产精品免费一区二区三区都可以 | 一级黄色在线免费观看 | 欧美精品国产综合久久 | av电影在线免费观看 | 亚洲午夜影院在线观看 | 免费在线观看成年人视频 | 国产一区二区三区在线免费 | 一区二区三区在线视频观看58 | 日日草日日干 | 午夜在线观看视频网站 | 日韩在线毛片 | 国产91九色 | 久久国产精品二国产精品中国洋人 | 一级做a爱片性色毛片高清 国产精品色在线网站 | 99视频观看| 亚欧在线免费观看 | 茄子福利视频 | 成人三级电影网址 |