alert 창에 <br> (줄 바꾸기, 엔터) 넣는 방법
안녕하세요 디자코 입니다.
오늘은 onclick=alert 이벤트시 뜨는 창에서 줄 바꾸는 방법에 대해서 알아보겠습니다.
HTML 에서 작업을 하다보니 아무 생각 없이 <br> 으로 넣었더니 이렇게 <br> 이 출력되는 모습 입니다.
<button onclick="alert('작성 완료 되었습니다.<br>(깃허브 배포에서는 정적 페이지만 지원합니다.)')">작성 완료</button>기존에 작성한 코드구요,
<br> 대신에 \n 으로 바꿔줍니다.
/ 가 아닌 엔터키 위에 위치한 \(역슬래시) 입니다.
<button onclick="alert('작성 완료 되었습니다.\n(깃허브 배포에서는 정적 페이지만 지원합니다.)')">작성 완료</button><br> 대신 \n 으로 바꿔줬습니다.
\n 은 문자열에서 줄바꿈을 의미하며 다음단에 출력을 시켜줍니다.
자바스크립트에서는 <br> 태그 대신에 \n 을 써줘야 합니다.
대표적으로 alert, confirm, textarea의 value 에서 사용됩니다.
올바르게 출력되는 것을 알 수 있습니다.
아주 간단하지만 기초적인 것 부터 몰랐던 부분들 하루하루 기록 하면서 블로그 시작해보도록 하겠습니다.
좋은 하루 되세요!
댓글