• escape()、encodeURI()、encodeURIComponent()区别详解 (转)


    JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:,decodeURI,decodeURIComponent 。

    下面简单介绍一下它们的区别

    1 escape()函数

    定义和用法

    escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。

    语法

    escape(string)

    参数  描述 

    string  必需。要被转义或编码的字符串。 

    返回值

    已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。

    说明

    该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。其他所有的字符都会被转义序列替换。

     

     

    2 encodeURI()函数 

    定义和用法

    encodeURI() 函数可把字符串作为 URI 进行编码。

    语法

    encodeURI(URIstring)

    参数  描述 

    URIstring  必需。一个字符串,含有 URI 或其他要编码的文本。 

    返回值

    URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。

    说明

    该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。

    该方法的目的是对 URI 进行完整的编码,因此对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的:;/?:@&=+$,#

     

     

    3 encodeURIComponent() 函数

    定义和用法

    encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。

    语法

    encodeURIComponent(URIstring)

    参数  描述 

    URIstring  必需。一个字符串,含有 URI 组件或其他要编码的文本。 

    返回值

    URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。

    说明

    该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。

    其他字符(比如 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。

    提示和注释

    提示:请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处,前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

     

    4 总结:

     通过对三个函数的分析,我们可以知道:escape()除了 ASCII 字母、数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用此方法。而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent(指请求参 数)应当是最常用的,它可以讲参数中的中文、特殊字符进行转义,而不会影响整个URL。

     

    escape对0-255以外的unicode值进行编码时输出%u****格式,其它情况下escape,encodeURI,encodeURIComponent编码结果相同。

     

    escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z

    encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z

    encodeURIComponent不编码字符有71个:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z

     

    虽然escape()、encodeURI()、encodeURIComponent()三种方法都能对一些影响URL完整性的特殊

    字符进行过滤。但后两者是将字符串转换为UTF-8的方式来传输,解决了页面编码不一至导致的乱码问

    题。例如:发送页与接受页的编码格式(Charset)不一致(假设发送页面是GB2312而接收页面编码是

    UTF-8),使用escape()转换传输中文字串就会出现乱码问题。

    以下是JS下对URL进行编/解码的各种方法:

    escape 方法:返回一个可在所有计算机上读取的编码 String 对象。

    function escape(charString : String) : String

    不会被此方法编码的字符: @ * / +

    说明:escape 方法返回一个包含 charstring 内容的字符串值(Unicode 格式)。所有空格、标点、

    重音符号以及任何其他非 ASCII 字符都用 %xx 编码替换,其中 xx 等于表示该字符的十六进制数。

    例如,空格返回为“ ”。(字符值大于 255 的字符以 %uxxxx 格式存储。)

    注意:escape 方法不能用来对“统一资源标识符”(URI) 进行编码。对其编码应使用 encodeURI 和

    encodeURIComponent 方法

     

    encodeURI 方法:返回编码为有效的统一资源标识符 (URI) 的字符串。

    function encodeURI(URIString : String) : String

    不会被此方法编码的字符:! @ # $ & * ( ) = : / ; ? + '

    说明:encodeURI 方法返回一个已编码的 URI。如果将编码结果传递给 decodeURI,则将返回初始的

    字符串。encodeURI 不对下列字符进行编码:“:”、“/”、“;”和“?”。请使用

    encodeURIComponent 对这些字符进行编码。

     

    encodeURIComponent 方法:返回编码为统一资源标识符 (URI) 的有效组件的字符串。

    function encodeURIComponent(encodedURIString : String) : String

    不会被此方法编码的字符:! * ( ) '

    说明:encodeURIComponent 方法返回一个已编码的 URI。如果将编码结果传递给

    decodeURIComponent,则将返回初始的字符串。因为 encodeURIComponent 方法将对所有字符编码,

    请注意,如果该字符串代表一个路径,例如 /folder1/folder2/default.html,则其中的斜杠也将被

    编码,这样,当该字符串作为请求发送到 Web 服务器时它将是无效的。如果字符串中包含多个 URI

    组件,请使用 encodeURI 方法进行编码。

     

    方法:从用 escape 方法编码的 String 对象中返回已解码的字符串。

    function (charString : String) : String

    说明: 方法返回一个包含 charstring 内容的字符串值。所有以 %xx 十六进制形式编码的

    字符都用 ASCII 字符集当中等效的字符代替。(以 %uxxxx 格式(Unicode 字符)编码的字符用十六

    进制编码 xxxx 的 Unicode 字符代替。)

    注意: 方法不应用于解码“统一资源标识符”(URI)。请改用 decodeURI 和

    decodeURIComponent 方法。

    decodeURI 方法:返回一个已编码的统一资源标识符 (URI) 的非编码形式。

    function decodeURI(URIstring : String) : String

    decodeURIComponent 方法:返回统一资源标识符 (URI) 的一个已编码组件的非编码形式。

    function decodeURIComponent(encodedURIString : String) : String

  • 相关阅读:
    延迟满足是一件在优秀的道路上你必须习惯的事情
    你活成了你的职位嘛?
    《自律力——创建持久的行为习惯,成为你想成为的人》读书笔记
    期末大作业
    第7次实践作业
    第6次实践作业
    第5次实践作业
    第4次实践作业
    第3次实践作业
    第2次实践作业
  • 原文地址:https://www.cnblogs.com/ranzige/p/4533334.html
Copyright © 2020-2023  润新知