mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Tuesday, October 24, 2006

encodeURI, encodeURIComponent, escape 함수 차이점; 자바스크립트


자바스크립트(JavaScript)에서는 다음의 함수들로, HTML 페이지 주소를 인코딩/디코딩합니다.

encodeURI() / decodeURI()
최소한의 문자만 인코딩합니다.
; / ? : @ & = + $ , - _ . ! ~ * ' ( ) #
이런 문자는 인코딩하지 않습니다.
http:// ... 등은 그대로 나옵니다.


encodeURIComponent() / decodeURIComponent()
알파벳과 숫자 Alphanumeric Characters 외의, 대부분의 문자를 모두 인코딩합니다.
http:// ... 가 http%3A%2F%2F 로 됩니다.



escape() / unescape()
예전부터 있던 오래된 함수입니다. encodeURI() 와 encodeURIComponent() 의 중간 정도의 범위로 문자를 인코딩합니다.


encodeURI, encodeURIComponent, escape 함수 사용 예제


※ 아래 박스 클릭 후, 키보드 화살표 키로 좌우 스크롤 가능함
<html>

<body>

<script type="text/javascript">
  var s;

  s = encodeURI('https://www.example.com/소 설.html');
  document.write('<p>' + s + '<p>');
  // 출력 결과: https://www.example.com/%EC%86%8C%20%EC%84%A4.html


  s = encodeURIComponent('https://www.example.com/소 설.html');
  document.write('<p>' + s + '<p>');
  // 출력 결과: https%3A%2F%2Fwww.example.com%2F%EC%86%8C%20%EC%84%A4.html


  s = escape('https://www.example.com/소 설.html');
  document.write('<p>' + s + '<p>');
  // 출력 결과: https%3A//www.example.com/%uC18C%20%uC124.html
</script>

</body>
</html>




어떤 함수든 "공백 문자" 즉 스페이스는 %20 으로 치환합니다. 그러나 주소의 공백은 없어야 합니다.



온라인에서 문자열 인코딩/디코딩하는 툴:
▶▶ JavaScript Tools: Decode/Encode URI Strings




tag: html
HTML | CSS | 자바스크립트 JavaScript

0 Comments:

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top