JavaScript의 alert() 경고창에서 텍스트를 여러 줄로 나누어 표시하고 싶다면, 줄바꿈 이스케이프 시퀀스인 "\r\n"을 사용하면 됩니다. 일반적인 HTML처럼 <br> 태그가 동작하지 않기 때문에, 문자열 안에 직접 줄바꿈 문자를 삽입해야 합니다.
아래 예제는 버튼을 클릭했을 때 여러 줄로 구성된 메시지를 경고창에 표시하는 방법을 보여줍니다.
예제 코드
<html>
<body>
<script>
function DisplayAlert() {
var newLine = "\r\n"
var msg = "줄바꿈을 추가하는 방법을 보여드립니다."
msg += newLine;
msg += "JavaScript에서는 줄바꿈을 쉽게 추가할 수 있습니다.";
msg += newLine;
msg += "쉽고 간단한 학습";
msg += newLine;
msg += "TutorialsPoint.com";
alert(msg);
}
</script>
<input type = "button" value = "클릭" onclick = "DisplayAlert()" />
</body>
</html>코드 설명
위 코드의 핵심은 다음과 같습니다.
- newLine 변수:
"\r\n"(캐리지 리턴 + 라인 피드)을 변수에 담아 재사용함으로써 코드의 가독성을 높였습니다. - 문자열 연결:
+=연산자를 사용해 메시지와 줄바꿈 문자를 반복적으로 연결하여 여러 줄의 텍스트를 만듭니다. - alert() 호출: 완성된 메시지를
alert()함수에 전달하면, 각 줄바꿈 문자 위치마다 새로운 줄로 표시됩니다.
참고로 대부분의 최신 브라우저에서는 "\n"만 사용해도 정상적으로 줄바꿈이 적용되지만, 호환성을 위해 "\r\n"을 사용하는 것이 가장 안전합니다.