javascript中encodeURI和decodeURI方法使用介紹
更新時(shí)間：2013年05月06日 18:01:08 作者：
encodeURI和decodeURI是成對(duì)來(lái)使用的，因?yàn)闉g覽器的地址欄有中文字符的話，可以會(huì)出現(xiàn)不可預(yù)期的錯(cuò)誤，所以可以encodeURI把非英文字符轉(zhuǎn)化為英文編碼，decodeURI可以用來(lái)把字符還原回來(lái)
一、基本概念
encodeURI和decodeURI是成對(duì)來(lái)使用的，因?yàn)闉g覽器的地址欄有中文字符的話，可以會(huì)出現(xiàn)不可預(yù)期的錯(cuò)誤，所以可以encodeURI把非英文字符轉(zhuǎn)化為英文編碼，decodeURI可以用來(lái)把字符還原回來(lái)。encodeURI方法不會(huì)對(duì)下列字符進(jìn)行編碼：":"、"/"、";" 和 "?"，encodeURIComponent方法可以對(duì)這些字符進(jìn)行編碼。
decodeURI()方法相當(dāng)于java.net.URLDecoder.decode(URIString, "UTF-8");
encodeURI()方法相當(dāng)于java.net.URLEncoder.encode(URIString, "UTF-8");
二、例子
<script type="text/javascript">
var uriStr = "http://www.baidu.com?name=張三&num=001 zs";
var uriec = encodeURI(uriStr);
document.write("編碼后的" + uriec);
var uridc = decodeURI(uriec);
document.write("解碼后的" + uridc);
</script>
編碼后的http://www.baidu.com?name=%E5%BC%A0%E4%B8%89&num=001%20zs
解碼后的http://www.baidu.com?name=張三&num=001 zs
encodeURI和decodeURI是成對(duì)來(lái)使用的，因?yàn)闉g覽器的地址欄有中文字符的話，可以會(huì)出現(xiàn)不可預(yù)期的錯(cuò)誤，所以可以encodeURI把非英文字符轉(zhuǎn)化為英文編碼，decodeURI可以用來(lái)把字符還原回來(lái)。encodeURI方法不會(huì)對(duì)下列字符進(jìn)行編碼：":"、"/"、";" 和 "?"，encodeURIComponent方法可以對(duì)這些字符進(jìn)行編碼。
decodeURI()方法相當(dāng)于java.net.URLDecoder.decode(URIString, "UTF-8");
encodeURI()方法相當(dāng)于java.net.URLEncoder.encode(URIString, "UTF-8");
二、例子
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var uriStr = "http://www.baidu.com?name=張三&num=001 zs";
var uriec = encodeURI(uriStr);
document.write("編碼后的" + uriec);
var uridc = decodeURI(uriec);
document.write("解碼后的" + uridc);
</script>
編碼后的http://www.baidu.com?name=%E5%BC%A0%E4%B8%89&num=001%20zs
解碼后的http://www.baidu.com?name=張三&num=001 zs
相關(guān)文章
本文主要介紹了小程序?qū)崿F(xiàn)事件綁定的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
原生Javascript插件開(kāi)發(fā)實(shí)踐
本文主要介紹了原生Javascript插件開(kāi)發(fā)實(shí)踐思路與代碼，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
JS 實(shí)現(xiàn)完美include載入實(shí)現(xiàn)代碼
在寫(xiě)這個(gè)之前在網(wǎng)上搜索了些資料，發(fā)現(xiàn)以前寫(xiě)的include都存在2個(gè)問(wèn)題，這也是include需要解決的比較重要的2個(gè)問(wèn)題。2010-08-08
Google排名中的10個(gè)最著名的 JavaScript庫(kù)
本文，我們將使用 Google 搜索出排名前 10 位的 JavaScript 庫(kù)，并對(duì)它們逐一進(jìn)行介紹。2010-04-04
用JS實(shí)現(xiàn)3D球狀標(biāo)簽云示例代碼
3D球狀標(biāo)簽云的效果想必很多朋友在瀏覽網(wǎng)頁(yè)時(shí)都有見(jiàn)到過(guò)吧，看起來(lái)提復(fù)雜的，其實(shí)實(shí)現(xiàn)起來(lái)挺容易的，感興趣的朋友可以了解下本文2013-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)贊效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
js+html5通過(guò)canvas指定開(kāi)始和結(jié)束點(diǎn)繪制線條的方法
這篇文章主要介紹了js+html5通過(guò)canvas指定開(kāi)始和結(jié)束點(diǎn)繪制線條的方法,涉及html5屬性的操作技巧,需要的朋友可以參考下2015-06-06
layer彈出的iframe層在執(zhí)行完畢后關(guān)閉當(dāng)前彈出層的方法
今天小編就為大家分享一篇layer彈出的iframe層在執(zhí)行完畢后關(guān)閉當(dāng)前彈出層的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
淺析使用BootStrap TreeView插件實(shí)現(xiàn)靈活配置快遞模板
這篇文章主要介紹了使用bootstrap-treeview插件實(shí)現(xiàn)靈活配置快遞模板的相關(guān)資料,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
JS動(dòng)態(tài)添加的div點(diǎn)擊跳轉(zhuǎn)到另一頁(yè)面實(shí)現(xiàn)代碼
這篇文章主要介紹了JS動(dòng)態(tài)添加的div點(diǎn)擊跳轉(zhuǎn)到另一頁(yè)面實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-09-09