URL 바코드

encodeURI:
URL 인코딩

$("#result").val(encodeURI($("#source").val()));

URL 디코딩

$("#result").val(decodeURI($("#source").val()));

encodeURIComponent:
URL 인코딩

$("#result").val(encodeURIComponent($("#source").val()));

URL 디코딩

$("#result").val(decodeURIComponent($("#source").val()));

설명

encodeURI () 이 방법은 ASCII 자모와 숫자를 인코딩하지 않으며 이러한 ASCII 문장부호를 인코딩하지 않습니다: -. ~ *( ) . 이 방법의 목적은 URI를 완전하게 인코딩하는 것이기 때문에 다음과 같은 URI에서 특수한 의미를 가진 ASCII 문장부호에 대해 encodeURI() 함수는 전의하지 않습니다:;/?: @&=+$, #

encodeURIComponent () 이 방법은 ASCII 자모와 숫자를 인코딩하지 않으며 이러한 ASCII 문장부호를 인코딩하지 않습니다: -. ~ *( ) . 다른 문자(예:;/?: @&=+$, # URI 구성 요소를 구분하는 문장부호)는 16진수 이상의 이스케이프 시퀀스로 대체됩니다.

프롬프트 및 주석

URI 어셈블리에 구분자가 있는 경우(예:?및 #은 encodeURIComponent() 방법을 사용하여 각 구성 요소를 인코딩해야 합니다.

encodeURIComponent () 함수와 encodeURI () 함수의 차이점을 주의하십시오. 전자는 그 인자가 URI의 일부분이라고 가정합니다. (예: 프로토콜, 호스트 이름, 경로, 조회 문자열)따라서 encodeURIComponent() 함수는 URI의 각 부분을 구분하는 문장부호에 이스케이프를 사용합니다.

인스턴스

<script type="text/javascript"> document.write(encodeURIComponent("http://www.w3school.com.cn")+ "<br />") document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/")+ "<br />") document.write(encodeURIComponent(",/?:@&=+$#")+ "<br />") document.write(encodeURI("http://www.w3school.com.cn")+ "<br />") document.write(encodeURI("http://www.w3school.com.cn/My first/")+ "<br />") document.write(encodeURI(",/?:@&=+$#")+ "<br />") </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

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