在網(wǎng)站制作中，我們經(jīng)常會(huì )用到對中文或URL進(jìn)行UrlEncode編碼的操作，例如：ASP的自帶函數Server.UrlEncode、PHP內置函數urlencode()和urldecode()等。今天在這里介紹JavaScript的內置函數：編碼函數=》encodeURIComponent() 以及解碼函數=》decodeURIComponent() 。這兩個(gè)函數和動(dòng)態(tài)語(yǔ)言的編碼、解碼函數一致，可以實(shí)現在前端把動(dòng)態(tài)語(yǔ)言編碼的字符串進(jìn)行解碼。

本文只在UTF-8編碼環(huán)境下測試。

舉例：

字符串“網(wǎng)站制作”，經(jīng)過(guò)編碼后的字符串為：%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C，現在使用JS的解碼函數decodeURIComponent()對其進(jìn)行解碼：

<script type="text/javascript"> 
var test=" %E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C";  
document.write(decodeURIComponent(test)); 
</script> 

執行后的結果為：網(wǎng)站制作

反之，使用那個(gè)JS自帶的編碼函數encodeURIComponent() 對字符串”網(wǎng)站制作“進(jìn)行編碼，得到的結果和動(dòng)態(tài)語(yǔ)言編碼函數對其編碼后得到的結果是一致的。

<script type="text/javascript"> 
var test=" 網(wǎng)站制作";  
document.write(encodeURIComponent (test)); 
</script>

執行后的結果為：%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C

通過(guò)以上的實(shí)例演示、測試，前端JS和動(dòng)態(tài)語(yǔ)言ASP、PHP內置的編碼、解碼處理的結果是一致的。這大大方便了我們前臺、后臺對字符串編碼、解碼的處理?？偟膩?lái)說(shuō)就一句話(huà)：我們可以在前臺先進(jìn)行處理，也可以在后臺進(jìn)行處理。