js 處理URL實(shí)用技巧
更新時(shí)間：2010年11月23日 21:19:11 作者：
escape()、encodeURI()、encodeURIComponent()三種方法都能對(duì)一些影響URL完整性的特殊字符進(jìn)行過(guò)濾。
但后兩者是將字符串轉(zhuǎn)換為UTF-8的方式來(lái)傳輸，解決了頁(yè)面編碼不一至導(dǎo)致的亂碼問(wèn)題。
例如：發(fā)送頁(yè)與接受頁(yè)的編碼格式(Charset)不一致（假設(shè)發(fā)送頁(yè)面是GB2312而接收頁(yè)面編碼是UTF-8），使用escape()轉(zhuǎn)換傳輸中文字串就會(huì)出現(xiàn)亂碼問(wèn)題。
以下是JS下對(duì)URL進(jìn)行編/解碼的各種方法：
escape方法:就對(duì)@*+/ A-Z 0-9 a-z這些字符不編碼,其它非ASCII字符都會(huì)編碼以%XX編碼替換,解碼使用unescape,escape 方法不能用來(lái)對(duì)“統(tǒng)一資源標(biāo)識(shí)符”(URI) 進(jìn)行編碼。對(duì)其編碼應(yīng)使用 encodeURI 和encodeURIComponent 方法。encodeURI():對(duì)! @ # $ & * ( ) = : / ; ? + ' A-Z 0-9 a-z,其它的字符都會(huì)被編碼,解碼使用decodeURI();
如果想使更多的字會(huì)被編碼,例:/..,請(qǐng)使用encodeURIComponent()方法,被此方法編碼后,參數(shù)傳遞給服務(wù)器就是一種無(wú)效的字符,解碼使用decodeURIComponent()
例如：發(fā)送頁(yè)與接受頁(yè)的編碼格式(Charset)不一致（假設(shè)發(fā)送頁(yè)面是GB2312而接收頁(yè)面編碼是UTF-8），使用escape()轉(zhuǎn)換傳輸中文字串就會(huì)出現(xiàn)亂碼問(wèn)題。
以下是JS下對(duì)URL進(jìn)行編/解碼的各種方法：
escape方法:就對(duì)@*+/ A-Z 0-9 a-z這些字符不編碼,其它非ASCII字符都會(huì)編碼以%XX編碼替換,解碼使用unescape,escape 方法不能用來(lái)對(duì)“統(tǒng)一資源標(biāo)識(shí)符”(URI) 進(jìn)行編碼。對(duì)其編碼應(yīng)使用 encodeURI 和encodeURIComponent 方法。encodeURI():對(duì)! @ # $ & * ( ) = : / ; ? + ' A-Z 0-9 a-z,其它的字符都會(huì)被編碼,解碼使用decodeURI();
如果想使更多的字會(huì)被編碼,例:/..,請(qǐng)使用encodeURIComponent()方法,被此方法編碼后,參數(shù)傳遞給服務(wù)器就是一種無(wú)效的字符,解碼使用decodeURIComponent()
相關(guān)文章
JS+JSP checkBox 全選具體實(shí)現(xiàn)
本文為大家介紹下使用JS+JSP實(shí)現(xiàn)checkBox全選，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2014-01-01
Laravel中常見(jiàn)的錯(cuò)誤與解決方法小結(jié)
大家在用Laravel框架期間可能會(huì)遇到了不少問(wèn)題，現(xiàn)在我將自己遇到的一些問(wèn)題總結(jié)出來(lái)，有一些調(diào)試起來(lái)著實(shí)不太容易，本文篩選出幾個(gè)，希望這篇文章能讓大家在PHP開(kāi)發(fā)中少走一些彎路。2016-08-08
JavaScript使用yield模擬多線(xiàn)程的方法
這篇文章主要介紹了JavaScript使用yield模擬多線(xiàn)程的方法,實(shí)例分析了javascript多線(xiàn)程的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
js獲取時(shí)間函數(shù)及擴(kuò)展函數(shù)的方法
下面小編就為大家?guī)?lái)一篇js獲取時(shí)間函數(shù)及擴(kuò)展函數(shù)的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
wxs相當(dāng)于一個(gè)獨(dú)立模塊,相當(dāng)于一個(gè)獨(dú)立出來(lái)的module對(duì)象,通過(guò)module.exports向外暴露,在文件中引入即可使用,下面這篇文章主要給大家介紹了關(guān)于微信小程序中wxs文件的一些妙用,需要的朋友可以參考下2022-01-01
下面小編就為大家分享一篇基于Vue的ajax公共方法(詳解)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
JavaScript實(shí)現(xiàn)分頁(yè)效果
本文主要介紹了JavaScript實(shí)現(xiàn)分頁(yè)效果的示例代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
描述 event代表事件的狀態(tài)，例如觸發(fā)event對(duì)象的元素、鼠標(biāo)的位置及狀態(tài)、按下的鍵等等。2011-01-01
在Javascript中,每個(gè)對(duì)象都有一個(gè)指向另一個(gè)對(duì)象的鏈接,這個(gè)鏈接被稱(chēng)為原型鏈,原型鏈?zhǔn)荍avascript的一種繼承機(jī)制,它通過(guò)鏈接對(duì)象的原型對(duì)象來(lái)實(shí)現(xiàn)屬性和方法的繼承,本文小編就來(lái)和大家一起深度探索JavaScript中的原型鏈機(jī)制2023-09-09
淺談Javascript中的函數(shù)、this以及原型
下面小編就為大家?guī)?lái)一篇淺談Javascript中的函數(shù)、this以及原型。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10