`
sisi1984117
  • 浏览: 155616 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

【转】JavaScript encodeURIComponent() 函数

阅读更多

定义和用法

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

语法

encodeURIComponent(URIstring)
参数 描述
URIstring 必需。一个字符串,含有 URI 组件或其他要编码的文本。

返回值

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

说明

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

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

提示和注释

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

实例

在本例中,我们将使用 encodeURIComponent() 对 URI 进行编码:

<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>

输出:

http%3A%2F%2Fwww.w3school.com.cn
http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F
%2C%2F%3F%3A%40%26%3D%2B%24%23
分享到:
评论

相关推荐

    java 中类似js encodeURIComponent 函数的实现案例

    在Java编程语言中,没有内置的方法直接等同于JavaScript中的`encodeURIComponent`函数,该函数用于编码URI(统一资源标识符)组件,确保特殊字符被适当地转换为百分比编码。然而,通过组合Java的`URLEncoder`和`...

    深入解析:JavaScript中的`encodeURIComponent`与`decodeURIComponent`方法

    为了解决这些问题,JavaScript提供了两个内置函数:encodeURIComponent和decodeURIComponent。这两个函数对于编码和解码URL组件至关重要。本文将详细探讨这两个函数的工作原理、使用场景以及如何在实际开发中正确...

    JS中encodeURIComponent函数用php解码的代码

    `encodeURIComponent`是JavaScript中用于对URI组件进行编码的一个函数,它可以确保特殊字符和非ASCII字符在URL中正确表示。当这些编码后的字符串需要在PHP中解码时,通常会用到`urldecode`和`iconv`这两个函数。 `...

    ZzJavaScript encode and escape functions

    JavaScript中的编码和转义函数主要有encodeURI、encodeURIComponent和...在实际开发中,开发者应根据具体需求选择合适的编码函数,例如在处理整个URL时使用encodeURI函数,而在构造URL时使用encodeURIComponent函数。

    Javascript中escape(),_encodeURI()和encodeURIComponent()之精析与比较.doc

    在JavaScript中,`escape()`, `encodeURI()`, 和 `encodeURIComponent()` 是三个常见的字符串编码函数,它们各自有独特的用途和特点。理解它们的区别对于编写健壮的JavaScript代码至关重要。 首先,`escape()` 函数...

    JavaScript、JavaWeb对汉字等的编码与解码处理

    encodeURIComponent函数是JavaScript 1.5版本引入的编码函数,它可以将单个URI组件转换为编码后的字符串。encodeURIComponent函数的主要特点是将URI中的合法字符不会被编码转换,例如“http://example.com/a?b=c”中...

    url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介

    ### URL的三个JS编码函数:`escape()`, `encodeURI()`, `encodeURIComponent()` 简介 在Web开发中,经常遇到的一个问题是URL传递中文字符时出现乱码的情况。为了解决这一问题,JavaScript提供了几种不同的编码方法...

    encodeURIComponent 文档

    本文将详细解释`encodeURIComponent`与`encodeURI`的区别及其应用场景,并通过示例代码帮助理解这些函数的作用。 #### 一、URL编码的重要性 在互联网通信中,URL扮演着至关重要的角色。URL(Uniform Resource ...

    前台Javascript转换特殊字符

    在这个测试页面中,开发者可能通过调用JavaScript函数来处理特殊字符,并查看结果,确保函数按预期工作。 在JavaScript中,处理特殊字符的一些关键知识点包括: 1. **转义字符**:在JavaScript字符串中,反斜杠`\`...

    JavaScript全局函数使用简单说明

    unescape() 函数是 escape() 的解码对应函数,它将 escape() 编码过的字符串转回原来的格式。 4. eval(): eval() 函数可以计算字符串,并执行其中的 JavaScript 代码。这意味着如果传给 eval() 的参数是一个字符串...

    在asp中使用js的encodeURIComponent方法

    在ASP代码中调用JavaScript的encodeURIComponent函数,需要利用ASP的标签来运行JavaScript代码。在ASP代码块中定义一个ASP函数aspEncodeURIComponent,然后在其中嵌入JavaScript函数myEncodeURIComponent。这个...

    一些手写JavaScript常用的函数汇总

    ### JavaScript常用函数汇总 #### 一、bind、call、apply函数的实现 在JavaScript中,函数的`this`上下文是非常重要的概念。`bind`、`call`和`apply`是改变函数执行上下文中的`this`指向的方法,它们位于`Function...

    JavaScript 常用函数库详解

    4. **`formQuery(f)`**:这是一个处理表单数据的函数,它接收一个表单元素作为参数,返回一个经过 encodeURIComponent 处理的查询字符串,形式为 "key=value&key2=value2"。这个函数方便了从表单获取数据以发送到...

    JavaScript进阶:JS的全局变量和全局函数.docx

    全局变量和全局函数是JavaScript中两个基础且重要的概念。 全局变量是在函数外部声明的变量,可以在整个程序的任何地方被访问。它们在程序开始执行时被创建,并在整个程序生命周期内存在。JavaScript的全局变量有三...

    javascript encodeURI和encodeURIComponent的比较

    背景 encodeURI 和 encodeURIComponent都是ECMA-262标准中定义的函数,所有兼容这个标准的语言(如JavaScript, ActionScript)都会实现这两个函数。它们都是用来对URI (RFC-2396)字符串进行编码的全局函数,但是...

    javascript 对url编码 解码

    JavaScript 中对 URL 编码和解码涉及到六个函数:escape、encodeURI、encodeURIComponent、unescape、decodeURI 和 decodeURIComponent。这六个函数的使用场景和特点分别是: escape 函数:escape 函数用于将字符串...

    《JavaScript动态网页设计经典实例教程》源代码

    - 需要注意XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等安全问题,正确使用`encodeURIComponent`、`decodeURIComponent`等函数进行URL编码,确保用户输入的安全性。 通过《JavaScript动态网页设计经典实例教程》...

Global site tag (gtag.js) - Google Analytics