提示和註釋

提示：請注意 encodeURIComponent() 函式 與 encodeURI() 函式的區別之處，前者假定它的引數是 URI 的一部分（比如協議、主機名、路徑或查詢字串）。因此 encodeURIComponent() 函式將轉義用於分隔 URI 各個部分的標點符號。

4 總結：

 通過對三個函式的分析，我們可以知道：escape()除了 ASCII 字母、數字和特定的符號外，對傳進來的字串全部進行轉義編碼，因此如果想對URL編碼，最好不要使用此方法。而encodeURI() 用於編碼整個URI,因為URI中的合法字元都不會被編碼轉換。encodeURIComponent方法在編碼單個URIComponent（指請求引數）應當是最常用的，它可以講引數中的中文、特殊字元進行轉義，而不會影響整個URL。

5 示例：

1 escape()

<script type="text/javascript">
document.write(escape("http://www.w3school.com.cn") + "<br />")
document.write(escape("?!=()#%&"))
</script>

輸出：

%3F%21%3D%28%29%23%25%26

2 encodeURI()

<script type="text/javascript">
document.write(encodeURI("http://www.w3school.com.cn")+ "<br />")
document.write(encodeURI("http://www.w3school.com.cn/My first/"))
document.write(encodeURI(",/?:@&=+$#"))
</script>

輸出：

http://www.w3school.com.cn
http://www.w3school.com.cn/My%20first/
,/?:@&=+$#
對整個URL進行編碼，而URL的特定識別符號不會被轉碼。
3 encodeURIComponent() 
例1：
<script type="text/javascript">
document.write(encodeURIComponent("http://www.w3school.com.cn"))
document.write("<br />")
document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/"))
document.write("<br />")
document.write(encodeURIComponent(",/?:@&=+$#"))
</script

輸出：

例2：

URL中一些字元的特殊含義，基本編碼規則：

1、空格換成加號(+)
2、正斜槓(/)分隔目錄和子目錄
3、問號(?)分隔URL和查詢
4、百分號(%)制定特殊字元
5、#號指定書籤
6、&號分隔引數

轉義字元的原因：

如果你的表單使用get方法提交，並且提交的引數中有“&”等特殊符的話，如果不做處理，在service端就會將&後面的作為另外一個引數來看待。例如
表單的action為list.jsf?act=go&state=5
則提交時通過request.getParameter可以分別取得act和state的值。
如果你的本意是act='go&state=5'這個字串，那麼為了在服務端拿到act的準確值，你必須對&進行轉義

url轉義字元原理：

將這些特殊的字元轉換成ASCII碼，格式為：%加字元的ASCII碼，即一個百分號%，後面跟對應字元的ASCII（16進位制）碼值。例如 空格的編碼值是"%20"。

URL特殊符號及對應的十六進位制值編碼：

1. +  URL 中+號表示空格 %2B
2. 空格 URL中的空格可以用+號或者編碼 %20
3. /  分隔目錄和子目錄 %2F 
4. ?  分隔實際的 URL 和引數 %3F 
5. % 指定特殊字元 %25 
6. # 表示書籤 %23 
7. & URL 中指定的引數間的分隔符 %26 
8. = URL 中指定引數的值 %3D