The difference and usage of escape (), encodeURI (), encodeURIComponent ()

Escape () decoding unescape ()

Encodes a string.

Definition and usage

The escape () function encodes the string so that it can be read on all computers.

Grammar

Escape (String)

Parameter description
String is required. The string to be escaped or encoded.

return value

A copy of the encoded string. Some of these characters are replaced with 16-binary escape sequences.

Description

The method does not encode ASCII letters and numbers, nor does it encode the following ASCII punctuation marks: * @-_ +. / 。 All other characters will be replaced by escape sequences.

Hints and Notes

Tip : You can use Unescape () to decode an escape () encoded string.

Note : ECMAScript v3 against using this method, the app uses decodeURI () and decodeuricomponent () to replace it.

Instance

In this example, we will use escape () to encode the string:

<span style= "FONT-SIZE:14PX;" ><script type= "Text/javascript" >document.write (Escape ("Visit w3school!") + "<br/>") document.write ( Escape ("?! = () #%& ")) </script></span>

Output:

Visit%20w3school%21
%3f%21%3d%28%29%23%25%26

encodeURI () decoding decodeURI ()

Encodes a string as a URI.

Definition and usage

The encodeURI () function encodes a string as a URI.

Grammar

encodeURI (uristring)

Parameter description
uristring required. A string that contains the URI or other text to encode.

return value

A copy of the uristring, where some of the characters will be replaced by a hexadecimal escape sequence.

Description

The method does not encode ASCII letters and numbers, nor does it encode these ASCII punctuation marks:-_. ! ~ * ' ().
The purpose of this method is to fully encode the URI, so the encodeURI () function is not escaped for the following ASCII punctuation mark with a special meaning in the URI:;/?:@&=+$,#

Hints and Notes

Tip : If the URI component contains delimiters, such as? and #, each component should be encoded using the encodeURIComponent () method.

Instance

In this example, we will encode the URI using encodeURI ():

<span style= "FONT-SIZE:14PX;" ><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></span>

Output:

http://www.w3school.com.cn
http://www.w3school.com.cn/My%20first/
,/?:@&=+$#

encodeURIComponent () decoding decodeuricomponent ()

Encodes a string as a URI component.

Definition and usage

The encodeURIComponent () function encodes a string as a URI component.

Grammar

encodeURIComponent (uristring)

Parameter description
uristring required. A string that contains the URI component or other text to encode.

return value

A copy of the uristring, where some of the characters will be replaced by a hexadecimal escape sequence.

Description

The method does not encode ASCII letters and numbers, nor does it encode these ASCII punctuation marks:-_. ! ~ * ' ().
Other characters (such as:;/?:@&=+$,# These punctuation marks used to separate the URI component) are replaced by one or more hexadecimal escape sequences.

Hints and Notes

tip : Note the difference between the encodeURIComponent () function and the encodeURI () function, which assumes that its arguments are part of a URI (such as a protocol, hostname, path, or query string). Therefore, the encodeURIComponent () function escapes punctuation marks that are used to separate the various portions of the URI.

Instance

In this example, we will encode the URI using encodeURIComponent ():

<span style= "FONT-SIZE:14PX;" ><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></span>

Output:

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

The difference and usage of escape (), encodeURI (), encodeURIComponent ()