快捷導航

關(guān)于JAVASCRIPT urldecode URL解碼的問題

更新時間：2012年01月08日 22:40:46 作者：

JS要實現(xiàn)單純的編碼解碼輕而易舉，escape、unescape就搞定，但是遇到不是完整的URL轉(zhuǎn)碼，就沒辦法了

這個時候，出現(xiàn)了encodeURIComponent、decodeURIComponent，它可以完全的對URL進行編碼解碼，但是遇到例如搜索引擎用到的部分轉(zhuǎn)碼，又摸不到門了，沒問題，PHP官方出了一個解決方案：

decodeURIComponent((str + '').replace(/\+/g, '%20'));

他可以完美的對搜索引擎的地址進行解碼，因為搜索引擎只習慣對”空格“進行轉(zhuǎn)碼。忘了說還習慣對中文進行轉(zhuǎn)碼。。。
那以上所有的方案遇到中文就崩潰了，是的，我也崩潰了，即是部分編碼，又是中文。。這讓我情何以堪。。。
查了很久可以，不多說你懂的。。。

復制代碼代碼如下:

 
<script type="text/vbscript"> 
Function str2asc(strstr) 
str2asc = hex(asc(strstr)) 
End Function 
Function asc2str(ascasc) 
asc2str = chr(ascasc) 
End Function 
</script> 
<script type="text/javascript"> 
/*這里開始時UrlEncode和UrlDecode<a href="/?tag=%E5%87%BD%E6%95%B0" target="_blank">函數(shù)</a>*/ 
function UrlEncode(str){ 
var ret=""; 
var strSpecial="!\"#$%&'()*+,/:;<=>?[]^`{|}~%"; 
var tt= ""; 
for(var i=0;i<str.length;i++){ 
var chr = str.charAt(i); 
var c=str2asc(chr); 
tt += chr+":"+c+"n"; 
if(parseInt("0x"+c) > 0x7f){ 
ret+="%"+c.slice(0,2)+"%"+c.slice(-2); 
}else{ 
if(chr==" ") 
ret+="+"; 
else if(strSpecial.indexOf(chr)!=-1) 
ret+="%"+c.toString(16); 
else 
ret+=chr; 
} 
} 
return ret; 
} 
function UrlDecode(str){ 
var ret=""; 
for(var i=0;i<str.length;i++){ 
var chr = str.charAt(i); 
if(chr == "+"){ 
ret+=" "; 
}else if(chr=="%"){ 
var asc = str.substring(i+1,i+3); 
if(parseInt("0x"+asc)>0x7f){ 
ret+=asc2str(parseInt("0x"+asc+str.substring(i+4,i+6))); 
i+=5; 
}else{ 
ret+=asc2str(parseInt("0x"+asc)); 
i+=2; 
} 
}else{ 
ret+= chr; 
} 
} 
return ret; 
} 
</script> 

這個呢對僅對支持VB的瀏覽器支持。。。例如FF就不支持了。。。
為什么要用到VB呢？因為str2asc、asc2str這種方法是JS不能滿足的。。。下面我模擬了兩個JS方法，貌似不是對所有中文有效。。

復制代碼代碼如下:

 
function str2asc(str){ 
return str.charCodeAt(0).toString(16); 
} 
function asc2str(str){ 
return String.fromCharCode(str); 
} 

您可能感興趣的文章:

相關(guān)文章

用JavaScript實現(xiàn)UrlEncode和UrlDecode的腳本代碼
用js自定義函數(shù)寫的實現(xiàn)url加密解密的實現(xiàn)代碼，需要的朋友可以參考下
2008-07-07
uniapp?Android解決?APP菜單、按鈕權(quán)限控制方法
這篇文章主要介紹了uniapp?Android解決?APP菜單、按鈕權(quán)限控制方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-01-01
Bootstrap整體框架之CSS12柵格系統(tǒng)
這篇文章主要介紹了Bootstrap整體框架之CSS12柵格系統(tǒng)的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
Javascript 創(chuàng)建類并動態(tài)添加屬性及方法的簡單實現(xiàn)
下面小編就為大家?guī)硪黄狫avascript 創(chuàng)建類并動態(tài)添加屬性及方法的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
bootstrap選項卡使用方法解析
這篇文章主要為大家詳細介紹了bootstrap選項卡使用方法，包括選項卡組件和底部可以切換的選項卡面板使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
詳解JavaScript如何準確獲取任意變量的數(shù)據(jù)類型
js是弱類型語言，或者說是動態(tài)語言，在定義變量時我們可以不提前聲明變量的類型，也可以在變量聲明后賦予不同類型的值。所以本文為大家詳解一下JavaScript如何準確獲取任意變量的數(shù)據(jù)類型，需要的可以參考一下
2022-06-06
原生js實現(xiàn)驗證碼功能
本文主要介紹了原生js實現(xiàn)驗證碼功能的實例，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
ES6中Promise、async和await面試題整理
promise是每個前端人必須會接觸到的一個知識點,下面這篇文章主要給大家介紹了關(guān)于ES6中Promise、async和await面試題的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-02-02
無循環(huán) JavaScript(map、reduce、filter和find)
本文由淺入深地介紹了map、reduce、filter和find函數(shù)，如何一步一步把循環(huán)從代碼中抽離掉
2017-04-04
JS正則表達式學習之貪婪和非貪婪模式實例總結(jié)
這篇文章主要介紹了JS正則表達式學習之貪婪和非貪婪模式用法,結(jié)合實例形式總結(jié)分析了JS正則表達式中貪婪模式與非貪婪模式的具體功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下
2016-12-12