JS三种编解码方式

最新推荐文章于 2024-09-10 14:06:46 发布

菖草

最新推荐文章于 2024-09-10 14:06:46 发布

阅读量2.2k

点赞数

分类专栏： Java Web

Java Web 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

JS三种编解码方式

js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent

1、   传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。

例如：<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a>');</script>

2、   进行url跳转时可以整体使用encodeURI

例如：Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");

3、   js使用数据时可以使用escape[Huoho.Com编辑]

例如：搜藏中history纪录。

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

最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符转换成utf-8格式的url编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持（form中的编码方式和当前页面编码方式相同）

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

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

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

========================================================

unescape 方法

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

function unescape(charString : String) : String

    参数

charString

必选。要解码的 String 对象或文本。

备注

unescape 方法返回一个包含 charstring 内容的字符串值。所有以 %xx 十六进制形式编码的字符都用 ASCII 字符集当中等效的字符代替。以 %uxxxx 格式（Unicode 字符）编码的字符用十六进制编码 xxxx 的 Unicode 字符代替。注意 unescape 方法不应用于解码“统一资源标识符”(URI)。请改用 decodeURI 和 decodeURIComponent 方法。

decodeURI 方法

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

function decodeURI(URIstring : String) : String

参数

URIstring

必选。表示编码 URI 的字符串。

备注

使用 decodeURI 方法代替已经过时的 unescape 方法。

decodeURI 方法返回一个字符串值。

如果 URIString 无效，将发生 URIError。

decodeURIComponent 方法

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

function decodeURIComponent(encodedURIString : String) : String

必选的 encodedURIString 参数是一个表示已编码的 URI 组件的值。

备注

URIComponent 是一个完整的 URI 的一部分

js实现php函数urlencodePosted by admin on Thu, 11/13/2008 - 07:04 in

javascript

本文介绍了php函数urlencode的js实现方法并比较js和php各编码函数的区别。

通常form表单的enctype类型为 application/x-www-form-urlencoded, 当表单提交后，提交的数据自动被编码，规则为" 除了 -_. 之外的所有非字母数字字符都将被替换成百分号（%）后跟两位十六进制数，空格则编码为加号（+）。", php的urlencode函数与其功能相同。

js编码方法：escape, encodeURI, encodeURIComponent。
escape可以对大多数符号进行编码，但是对unicode字符无效。

php编码方法：urlencode, rawurlencode, htmlentities。
urlencode和rawurlencode唯一的区别是对空格的编码方式不同，rawurlencode遵循RFC 1738编码将空格转换为 %20。

如何用js实现php的urlencode功能，网上流传着一段js和vbscript混写的代码，通用性不好，另找到国外一高人写的，经测试与urlencode相同。

注：上面的代码引自 http://cass-hacks.com/articles/code/js_url_encode_decode/

下面附上js和php几种编码方法对特殊符号的编码对照表：

Input JavaScript PHP escape encodeURI encodeURIComponent urlencode rawurlencode htmlentities <space> %20 %20 %20 + %20 ! %21 ! ! %21 %21 ! @ @ @ %40 %40 %40 @ # %23 # %23 %23 %23 # $ %24 $ %24 %24 %24 $ % %25 %25 %25 %25 %25 % ^ %5E %5E %5E %5E %5E ^ & %26 & %26 %26 %26 & * * * * %2A %2A * ( %28 ( ( %28 %28 ( ) %29 ) ) %29 %29 ) - - - - - - - _ _ _ _ _ _ _ = %3D = %3D %3D %3D = + + + %2B %2B %2B + : %3A : %3A %3A %3A : ; %3B ; %3B %3B %3B; ; . . . . . . . " %22 %22 %22 %22 %22 " ' %27 ' ' %27 %27 ' \ %5C %5C %5C %5C %5C \ / / / %2F %2F %2F / ? %3F ? %3F %3F %3F ? < %3C %3C %3C %3C %3C < > %3E %3E %3E %3E %3E > ~ %7E ~ ~ %7E %7E ~ [ %5B %5B %5B %5B %5B [ ] %5D %5D %5D %5D %5D ] { %7B %7B %7B %7B %7B { } %7D %7D %7D %7D %7D } ` %60 %60 %60 %60 %60 `

上表引自 http://www.the-art-of-web.com/javascript/escape/

另一个非常优秀的urlencode和urldecode函数