JavaScript 코드에서 Window 개체의 alert () 함수를 사용하여 텍스트를 표시하여 프로그램을 디버깅하거나 관련 정보에 대해 경고 할 수 있습니다.
코드 사본은 다음과 같습니다.
// Window Object의 Alert () 함수를 사용합니다
window.alert ( "샘플 텍스트");
이 작문 방법은 alert () 함수를 직접 사용하도록 단순화 할 수 있습니다.
코드 사본은 다음과 같습니다.
// simplified alert () 사용
경고 ( "샘플 텍스트");
Newlines와 함께 텍스트를 표시 해야하는 경우 /n을 사용할 수 있습니다.
코드 사본은 다음과 같습니다.
// alert ()에서 /n 사용
Alert ( "첫 번째 줄/n의 두 번째 줄");
탭 문자를 사용해야하는 경우 /t를 사용할 수 있습니다.
코드 사본은 다음과 같습니다.
// alert ()에서 /t 사용 /t
경고 ( "Alex/T50/T34/NBOB/T59/T38");
변수 사용
정적 문자열을 표시하는 것 외에도 Alert () 함수는 다른 문자열과 함께 변수 및 스플 라이스 변수 값을 허용 할 수 있습니다.
코드 사본은 다음과 같습니다.
// alert ()에서 변수 사용
var Word = "생명";
Alert ( "마법 단어는 :" + Word + "입니다. 당황하지 마십시오.");
불행히도 Alert () 함수는 변수를 받아 들일 수 있지만이 문자열 스 플라이 싱 작업 만 수행 할 수 있습니다. 다른 디버깅 메소드 Console.log ()와 달리 Alert () 함수는 매개 변수를 문자열로 전달하는 연습을 허용하지 않습니다. 다음 코드는 예입니다.
코드 사본은 다음과 같습니다.
// alert ()에서 매개 변수를 사용하려고 시도하면 실패합니다
var name = "bob";
var 년 = 42;
경고 ( " %s는 %d 년입니다.", 이름, 년);
Alert () 함수가 문자열 패스를 허용하면 예상 출력은 "Bob은 42 세"입니다. 그러나 실제로 Alert () 함수는 이것을 지원하지 않으므로 최종 출력은 " %s는 %d 년이되었습니다"입니다.
팝업 창 스타일
Alert () 함수에서 사용하는 팝업 상자는 웹 문서 개체가 아닌 브라우저 시스템 객체이므로 Alert () 함수에서 HTML 태그를 사용하여 팝업 박스 스타일을 정의하는 것은 불가능합니다. HTML 태그는 그대로 표시됩니다. 다음 코드의 경우 :
코드 사본은 다음과 같습니다.
// alert ()에서 html 태그를 사용하려고 시도하면 실패합니다
경고 ( "<b> 테스트 텍스트 </b>");
출력은 대담한 "테스트 텍스트"가 아닙니다.
경고 상자의 스타일을 실제로 변경 해야하는 경우 두 가지 옵션이 있습니다.
1. Alert () 함수에서 유니 코드 문자를 사용하십시오. 이 솔루션의 장점은 구현하기가 매우 간단하지만 한계는 분명하다는 것입니다. 유니 코드 문자는 표현력이 매우 제한적입니다.
2. Alert () 함수를 사용하는 대신 HTML 구성 요소를 사용하여 팝업 상자를 시뮬레이션하십시오 (예 : jQuery UI 대화 상자). 이 솔루션의 장점은 팝업 박스가 매우 표현력이 없지만 IT를 사용하면 프론트 엔드 코드의 복잡성이 증가한다는 것입니다.
결론
Alert () 함수는 사용자에게 경고하거나 프로그램을 디버그하는 데 사용될 수 있습니다. 전자의 경우 jQuery UI 대화 상자와 같은 구성 요소를 사용하면 표현성과 사용자 경험이 크게 향상 될 수 있습니다. 후자의 경우 Alert () 팝업 박스가 JavaScript 코드의 실행을 차단하기 때문에 많은 경우 Console.log ()를 사용하여 프로그램을 디버깅하는 것이 더 나은 솔루션입니다.