//测试编码URI的函数
var url="http://www.phpfamily.org/test.php?search= this is a test&sum=1+2";
var res=encodeURI(url);
document.write(res);
var res1=decodeURI(res);
document.write('<br/>'+res1+'<br/>');
url="http://www.phpfamily.org/test.php?search= this is a test&sum=1+2&test1=!.()*~";
res=encodeURIComponent(url);
document.write(res+'<br/>');
res1=decodeURIComponent(res);
document.write('<br/>'+res1+'<br/>');
document.write('<hr color="red"/>');
var str1='你好hello maizi http://maiziedu.com?search=javascript&test=this is a test&test1=-_*?';
var result=escape(str1);
document.write(result);
document.write('<br/>');
var result1=unescape(result);
document.write(result1);
document.write('<hr/>');

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

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。

最新文章

  1. 学习笔记——EM算法
  2. SNF开发平台WinForm之三-开发-单表选择控件创建-SNF快速开发平台3.3-Spring.Net.Framework
  3. 【MySQL】Linux MySQL学习记录
  4. CSS3发光字动画
  5. iOS百度地图路径规划和POI检索详细总结-b
  6. Python 守护进程
  7. 用crontab、crond在嵌入式系统中添加定时任务
  8. 详解SSH框架的原理和优点
  9. Java自学资料——线程
  10. 三个创建WebStorm项目的方法
  11. 调用Lua出错
  12. sql报错注入:extractvalue、updatexml报错原理
  13. Python 面试中可能会被问到的30个问题
  14. IntelliJ IDEA 打开项目红色
  15. Vue用v-for给循环标签自身属性添加属性值
  16. 2018牛客网暑假ACM多校训练赛(第三场)I Expected Size of Random Convex Hull 计算几何,凸包,其他
  17. mybatis学习笔记--常见的错误
  18. vue 父组件使用子组件中的data或methods
  19. WEB服务器、应用程序服务器、HTTP服务器的区别
  20. 记录JavaScript中使用keyup事件做输入验证(附event.keyCode表)

热门文章

  1. Android项目实战(三十七):Activity管理及BaseActivity的实现
  2. 4. sudo,PATH环境变量,修改字符集,ntpserver,加大文件描述符,隐藏内核版本,锁定关键系统文件
  3. web项目错误页面友好处理404,500等
  4. ASP.NET Core 系列视频完结,新项目实战课程发布。
  5. 推荐:让你快速搞定各服务端(api,pc,mobile,wechat)代码
  6. 通过EntityFramework来操作MySQL数据库
  7. Spring入门篇总结:
  8. android中的五大布局(控件的容器,可以放button等控件)
  9. BZOJ1036 (其实这只是一份板子)
  10. volatile作用及相关集合类