Saturday, April 28, 2007
자바스크립트] alert 상자, 여러 줄로 줄바꿈 기호, 개행문자; Javascript Alert Newline
자바스크립트의 alert 대화상자/메시지 박스에서, 한줄이 아닌 여러 줄의 텍스트를 쓰려면, C언어에서와 같은 "\n" 이런 이스케이프 문자로 줄바꿈을 할 수 있습니다.
alert 상자에 넣을 문자열에서, 엔터키를 쳐야 할 곳에 "\n" (백슬래쉬 + 소문자 N) 을 다음과 같이 넣어주면 됩니다.
문자열\n문자열\n
"\n" 을 여러 개 넣으면 여러줄로 줄바꿈이 됩니다.
다음과 같은 코드를 HTML 문서에 넣고 클릭하면, 여러 줄로 행갈이된 문자열이 상자에 출력됩니다.
테스트:
클릭하면 줄바꿈된 문자열이 출력
이런 결과가 나올 것입니다:
---------------------------
Microsoft Internet Explorer
---------------------------
첫 행이 여기에 있습니다.
둘째 행이 여기에 있습니다.
이번에는 3줄의 빈줄을 추가했습니다.
---------------------------
확인
---------------------------
그리고 대화상자에서 Ctrl+C키를 누르면, 대화상자의 텍스트가 클립보드(메모리)로 복사됩니다. 메모장 등의 문서에서 Ctrl+V키로 붙여 넣을 수 있습니다. Ctrl+C키란, Ctrl키를 누르면서 C키를 누르는 것입니다.
▶▶ [JavaScript] 메시지 박스 예제 - 자바스크립트의 alert 상자 만들기
alert 상자에 넣을 문자열에서, 엔터키를 쳐야 할 곳에 "\n" (백슬래쉬 + 소문자 N) 을 다음과 같이 넣어주면 됩니다.
문자열\n문자열\n
"\n" 을 여러 개 넣으면 여러줄로 줄바꿈이 됩니다.
alert 에서, 엔터(Enter) 키 치기 예제
다음과 같은 코드를 HTML 문서에 넣고 클릭하면, 여러 줄로 행갈이된 문자열이 상자에 출력됩니다.
<a href="javascript:alert('첫 행이 여기에 있습니다.\n둘째 행이 여기에 있습니다.\n\n\n이번에는 3줄의 빈줄을 추가했습니다.');">클릭하면 줄바꿈된 문자열이 출력</a>
테스트:
클릭하면 줄바꿈된 문자열이 출력
이런 결과가 나올 것입니다:
---------------------------
Microsoft Internet Explorer
---------------------------
첫 행이 여기에 있습니다.
둘째 행이 여기에 있습니다.
이번에는 3줄의 빈줄을 추가했습니다.
---------------------------
확인
---------------------------
그리고 대화상자에서 Ctrl+C키를 누르면, 대화상자의 텍스트가 클립보드(메모리)로 복사됩니다. 메모장 등의 문서에서 Ctrl+V키로 붙여 넣을 수 있습니다. Ctrl+C키란, Ctrl키를 누르면서 C키를 누르는 것입니다.
▶▶ [JavaScript] 메시지 박스 예제 - 자바스크립트의 alert 상자 만들기
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home