[Javascript] 경고창(alert)에서 텍스트 줄바꿈 하기

 

지난번에는 Javascript에서 사용할 수 있는 알림창의 종류에 대해서 알아보았습니다.

[Javascript] 알림창 종류 (alert, confirm, prompt)

 

모든 알림창에는 메시지를 표시할 수 있는데,

이 메시지를 줄바꿈하여 여러줄 표시할 수 있는 방법을 알아보도록 하겠습니다.

 

<input type="button" 
       onclick="handleOnClick()" 
       value="alert"/>

function handleOnClick()  {
  alert('a\nb\nc');
  alert(`d
e
f`);
}

'\n'을 이용하는 방법

alert('a\nb\nc');

줄바꿈을 하고 싶은 곳에 '\n'을 입력합니다.

 

템플릿 문자열을 이용하는 방법

alert(`a

b

c`);

백틱(`)으로 감싸인 문자열인 템플릿 문자열을 이용하면

백틱 사이의 내용이 그대로 문자열로 전환됩니다.

줄바꿈 표시도 따로 '\n'을 쓸 필요없이 

보여지기 원하는 형태 그대로 문자열을 백틱(`) 사이에 작성하면 됩니다.

(백틱(`)은 작은 따옴표가 아닙니다. 키보드 왼쪽 상단, '1'의 좌측, '~' 키를 이용하세요.)

 

---

 

alert() 창에서 줄바꿈을 표시하는 것은

Javascript의 문자열에서 줄바꿈을 표시하는 것과 같습니다.