=================================
=================================
=================================
출처: http://mwultong.blogspot.com/2006/10/encodeuri-encodeuricomponent-escape.html
자바스크립트(JavaScript)에서는 다음의 함수들로, HTML 페이지 주소를 인코딩/디코딩합니다.
encodeURI() / decodeURI()
최소한의 문자만 인코딩합니다.
; / ? : @ & = + $ , - _ . ! ~ * ' ( ) #
이런 문자는 인코딩하지 않습니다.
http:// ... 등은 그대로 나옵니다.
encodeURIComponent() / decodeURIComponent()
알파벳과 숫자 Alphanumeric Characters 외의, 대부분의 문자를 모두 인코딩합니다.
http:// ... 가 http%3A%2F%2F 로 됩니다.
escape() / unescape()
예전부터 있던 오래된 함수입니다. encodeURI() 와 encodeURIComponent() 의 중간 정도의 범위로 문자를 인코딩합니다.
encodeURI, encodeURIComponent, escape 함수 사용 예제
<body>
<script type="text/javascript">
var s;
s = encodeURI('http://www.google.co.kr/소 설.html');
document.write('<p>' + s + '<p>');
// 출력 결과: http://www.google.co.kr/%EC%86%8C%20%EC%84%A4.html
s = encodeURIComponent('http://www.google.co.kr/소 설.html');
document.write('<p>' + s + '<p>');
// 출력 결과: http%3A%2F%2Fwww.google.co.kr%2F%EC%86%8C%20%EC%84%A4.html
s = escape('http://www.google.co.kr/소 설.html');
document.write('<p>' + s + '<p>');
// 출력 결과: http%3A//www.google.co.kr/%uC18C%20%uC124.html
</script>
</body>
</html>
어떤 함수든 "공백 문자" 즉 스페이스는 %20 으로 치환합니다. 그러나 주소의 공백은 없어야 합니다.
=================================
=================================
=================================
출처: http://mwultong.blogspot.com/2006/10/urlencode-encoding-javascript.html
http://www.google.co.kr/소설.html
HTML에서 이런 한글이 섞인 주소는 오작동할 수 있기에
http://www.google.co.kr/%EC%86%8C%EC%84%A4.html
이런 식으로 이스케이프 해주어야 합니다.
다음과 같은 3가지 함수 중 하나로 한글 주소를 인코딩할 수 있습니다.
* encodeURI() : decodeURI()
* encodeURIComponent() : decodeURIComponent()
* escape() : unescape()
encodeURI() 가 적당합니다. 다만, 주소 전체를 http://부터 모두 인코딩하기 위해서는 encodeURIComponent 를 사용합니다.
인코딩된 한글 주소를 다시 복원하기 위해서는 각각의 함수에 대응되는 디코딩 함수를 사용합니다.
▶▶ encodeURI, encodeURIComponent, escape 함수 차이점; 자바스크립트
▶▶ JavaScript Tools: Decode/Encode URI Strings
▶▶ 블로그 게시물에 '딜리셔스del.icio.us(delicious) 추가 링크' 만들기
☞ HTML/CSS/JavaScript
=================================
=================================
=================================
'WEB > JavaScript' 카테고리의 다른 글
| How to include js file in another js file? [duplicate] (0) | 2015.07.09 |
|---|---|
| 자바스크립트 클래스 그리고 상속 (0) | 2015.03.19 |
| navigator 객체 플러그인, 브라우저 종류 등등 관련 (0) | 2014.06.13 |
| onunload 이벤트 제어하기 (0) | 2012.11.05 |
| [ASP.NET] CS 코드(C# 코드)에 자바스크립트 구현하기 (0) | 2011.04.05 |