목차
- encodeURIComponent() 예제 - URI 구성요소 인코딩
- encodeURIComponent() 정의
- encodeURIComponent() 구문
encodeURIComponent() 예제 - URI 구성요소 인코딩
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var uri = "https://homzzang.com/b/js-359";
var res = encodeURIComponent(uri);
document.getElementById("demo").innerHTML = res;
}
</script>
결과보기
결과값: https%3A%2F%2Fhomzzang.com%2Fb%2Fjs-359
encodeURIComponent() 정의
URI 구성요소 (특수문자, 공백, 한글)등을 URL에 사용 가능하게 인코딩.
1. 인코딩되는 특수문자 종류 (= URL에 사용 불가능한 특수문자 종류)
2. encodeURIComponent() 함수를 꼭 사용해야만 하는 이유
- 검색어를 URL에 바로 사용 시, "공백, 특수문자, 한글" 등의 문자가 URL에서 유효한 문자가 아닌 것으로 간주되어 검색 결과 제대로 표시 X.
- 검색어를 URL에 바로 사용 시, 안전하지 않으며 보안 문제 초래.
3.
모든 브라우저 지원.
encodeURIComponent() 구문
encodeURIComponent(uri)
[매개변수]
uri
필수. 인코딩 할 URI
- 예: https://homzzang.com/b/js-359
[반환값]
인코딩 된 URI 문자열 반환.
- 예: https%3A%2F%2Fhomzzang.com%2Fb%2Fjs-359