Window alert() 메서드

정의와 사용법

alert() 메서드를 사용할 수 있습니다.

사용자에게 정보를 전달하고자 한다면, 메시지와 확인 버튼을 포함한 경고 대화 상자를 표시할 수 있는 alert() 메서드.

피드백

경고 대화 상자는 현재 창의 포커스를 벗어나 사용자가 메시지를 읽도록 강제합니다.

이 메서드를 과도하게 사용하지 마세요. 이는 사용자가 경고 대화 상자가 닫히기 전까지 페이지의 다른 부분에 접근할 수 없게 합니다.

추가 정보:

confirm() 메서드

prompt() 메서드

예제

예제 1

경고 대화 상자 표시:

alert("Hello! I am an alert box!!");

본인이 직접 테스트해 보세요

예제 2

개행 문자를 포함한 경고 대화 상자:

alert("Hello\nHow are you?");

본인이 직접 테스트해 보세요

예제 3

현재 URL의 호스트 이름을 표시합니다:

alert(location.hostname);

본인이 직접 테스트해 보세요

문법

alert(message)

파라미터

파라미터 설명
message 선택 사항. 경고 대화 상자에 표시할 텍스트.

반환 값

없음.

기술적 세부 사항

설명

alert() 대화 상자에서 지정된 message 사용자에게 표시되며. 이 대화 상자는 확인 버튼을 포함하고 있으며, 사용자는 이 버튼을 클릭하여 대화 상자를 닫을 수 있습니다. 대화 상자는 일반적으로 모달로 설정되어 있으며, 사용자가 이 대화 상자를 닫기 전까지는alert() 의 호출은 실행을 일시 중지합니다.

관습적인 사용법

사용자가 특정 양식 요소에 무효 정보를 입력했을 때, 오류 메시지가 표시됩니다. 이는 alert() 가 가장 일반적인 사용 방법입니다. 경고 대화 상자는 사용자에게 문제를 알리고, 사용자가 이 오류를 피하기 위해 무엇을 수정해야 하는지 안내할 수 있습니다.

alert() 대화 상자의 외관은 플랫폼에 따라 결정됩니다. 그러나 일반적으로 오류, 경고 및 특정 경고 정보를 표시하는 그래픽이 포함되어 있습니다. 그러나 alert() 모든 메시지를 표시할 수 있지만, 대화 상자의 경고 그래픽은 이 메서드가 간단한 정보 메시지를 표시하기에 적합하지 않음을 의미합니다. 예를 들어, "저의 웹사이트에 방문을 환영합니다"와 같은 메시지.

주의

대화 상자에 표시되는 message 순수 텍스트 문자열입니다. 이 문자열에서 개행 문자를 사용할 수 있습니다. \n메시지를 다중 행으로 표시할 수 있습니다. 공백을 사용하여 기본적인 포맷을 설정할 수도 있으며, 밑줄을 추가한 문자를 사용하여 수평 측尺를 모의할 수도 있습니다. 그러나 최종 결과는 대화 상자에서 사용하는 글꼴에 크게 의존하므로, 시스템에 의존적입니다.

브라우저 지원

모든 브라우저가 지원합니다 alert()：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원 지원