瀏覽器編碼函數(shù)escape(),encodeURI(),encodeURIComponent()的區(qū)別

瀏覽器編碼函數(shù)escape(),encodeURI(),encodeURIComponent()的區(qū)別

1、escape()
escape()是js編碼函數(shù)中最古老的一個。實際上,escape()不能直接用于URL編碼,它的真正作用是返回一個字符的Unicode編碼值。比如“你好”的返回結(jié)果是"%u4F60%u597D"。無論網(wǎng)頁的原始編碼是什么,一旦被Javascript編碼,就都變?yōu)閡nicode字符。也就是說,Javascipt函數(shù)的輸入和輸出,默認(rèn)都是Unicode字符。

javascript:escape("你好");
//輸出 "%u4F60%u597D"
解碼
javascript:unescape("%u4F60%u597D");
//輸出 "你好"

2、encodeURI()
encodeURI是對整個URL進行編碼,因此除了常見的符號以外,對其他一些在網(wǎng)址中有特殊含義的符號“; / ? : @ & = + $ , #”,也不進行編碼。編碼后,它輸出符號的utf-8形式,并且在每個字節(jié)前加上%,需要注意的是,它不對單引號’編碼。

encodeURI("https://mp.csdn.net?=k=hello world");
//輸出 "https://mp.csdn.net?=k=hello%20world"

它對應(yīng)的解碼函數(shù)是decodeURI()。

decodeURI("https%3A//mp.csdn.net/mdeditor%23Markdown_2");
//輸出 "https://mp.csdn.net?=k=hello world"

3、encodeURIComponent()
與encodeURI()的區(qū)別是,它用于對URL的組成部分進行個別編碼,而不用于對整個URL進行編碼。因此,“; / ? : @ & = + $ , #”,這些在encodeURI()中不被編碼的符號,在encodeURIComponent()中統(tǒng)統(tǒng)會被編碼,所以encodeURIComponent()相比encodeURI()要更加徹底。至于具體的編碼方法,兩者是一樣。

encodeURIComponent("https://mp.csdn.net?=k=hello world");
//輸出 "https%3A%2F%2Fmp.csdn.net%3F%3Dk%3Dhello%20world"

它對應(yīng)的解碼函數(shù)是decodeURIComponent()。

decodeURIComponent("https%3A%2F%2Fmp.csdn.net%3F%3Dk%3Dhello%20world");
//輸出 "https://mp.csdn.net?=k=hello world"
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、姓名存儲和展現(xiàn) 1. 按學(xué)生總表編碼存儲 李洋薛鵬磊按照學(xué)生總表進行編碼,并將編碼進行存儲或者發(fā)送 左邊是客戶...
    果芽軟件閱讀 5,245評論 0 0
  • js對文字進行編碼涉及3個函數(shù):escape,encodeURI,encodeURIComponent,相應(yīng)3個解...
    奔跑的兔子_閱讀 500評論 0 0
  • 去年冬天在書店買書的時老板送了我一小束綠蘿。當(dāng)時真是好害怕它過不過那個冬天呀,但是它的生命力似乎很頑強。今天去看它...
    山鬼乃嵬閱讀 339評論 0 0
  • 好朋友U休完產(chǎn)假不久,老公每天加班晚歸,她一個人疲于應(yīng)付工作照顧孩子,還要面對婆婆的滿腹牢騷,忍不住向我抱怨: “...
    楚雯談心閱讀 298評論 0 0
  • 距離春節(jié)越來越近了,有的朋友已經(jīng)放假回家,有的正在計劃著怎么度過春節(jié)假期。 他們的計劃都大同小異,回家春節(jié)前和朋友...
    一只不說話的貓閱讀 238評論 0 1

友情鏈接更多精彩內(nèi)容