자바스크립트(Javascript) 문자열에 쓰이는 특수 문자를 기호로 넣는 방법

자바스크립트에서 특수문자를 문자열에 포함시키려면 역슬래쉬(\) 와 알파벳을 조합해서 사용해야 합니다. 역슬래쉬로 시작하는 문자는 자바스크립트 해석기에게 특수문자라는 것을 알리는 것입니다. escape() 함수와 같다고 생각하시면 됩니다.

 

 

▼ 자바스크립트에서 주로 사용하는 특수 문자는 아래와 같습니다. 줄 바꿈이나 커서이동 뿐만 아니라 “\” 와 따움표 같은 특수문자를 표현할 수 있습니다. 만약 “\” 를 사용하지 않는다면 다른 것으로 인식해서 작업자가 원하는 결과가 나오지 않습니다.

 

특수문자	설명	ASCII	영문
\n	커서를 다음 줄로 이동시킨다.	10	Newline
\t	커서를 탭 만큼 이동시킨다.	9	Tab
\b	커서를 한 칸 이동시킨다.	8	Backspace
\f	커서를 다음 페이지로 이동	12	Form feed
\r	커서를 해당 줄 처음으로 이동	13	Carriage return
\\	\ 문자 표시	92	Back slash
\’	‘ 작은 따움표 표시	39	Single quotation
\”	“ 쌍 따움표 표시	34	Double quotation

 

 

 

▼ 역슬레쉬는 특수문자를 커서의 이동에 관련된 기능을 수행하도록 해 줄 뿐만 아니라 문자를 바로 표현하는데 많이 쓰입니다. 예를 들어 아래 소스와 같이 write() 함수안에 쌍 따움표가 중복 되어서 표현 될 수가 없습니다. 에러 없이 제대로 구현하려면 내부에 쌍 따움표를 작은 따움표로 바꾸거나 역슬레쉬를 이용하면 됩니다.

<script type="text/javascript">
	document.write("<a href="http://mainia.tistory.com">블로그</a>");
</script>

 

 

▼ 위의 소스를 아래와 같이 수정하면 됩니다. 그럼 에러 없이 사용자가 의도한 대로 표현이 됩니다. “\” 은 “

\” 와 같이 경우에 따라 다르게 표현될 수 있으므로 혼동하지 마세요.

<script type="text/javascript">
	document.write("<a href=\"http://mainia.tistory.com\">블로그</a>");
</script>

 

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트(JavaScript) 웹 소스 테스트 사이트 소개 ▶ 자바스크립트(Javascript) escape, encodeURI, encodeURIComponent ▶ 자바스크립트(Javascript) display 속성 이용해서 접거나 펴는 방법 ▶ 자바스크립트(Javascript) 조건 연산자, 삼항 연산자 사용하는 방법 ▶ 자바스크립트 DOM document.write() 함수로 화면에 텍스트를 출력하기