기본 제공 JavaScript 경고() 함수를 호출하여 JavaScript 경고 상자를 만듭니다. 이 함수에 메시지를 전달하기만 하면 됩니다. 위의 예제에서는 JavaScript onClick 이벤트를 사용하여 경고 상자를 트리거합니다. 이 예제는 페이지가 로드될 때 자동으로 로드됩니다. 코드 자체를 배치하면(즉, 링크/단추 내에 있지 않음) 페이지가 로드되는 즉시 경고 상자가 자동으로 트리거됩니다. 예를 들어 웹 페이지의 본문이 완전히 로드된 후 showAlert() 함수를 실행하려고 한다고 가정해 보겠습니다. 이를 위한 한 가지 방법은 HTML 너머에서 언급했듯이 프로그래밍 또는 스크립팅 언어의 변수는 값을 나타내는 기호 이름입니다. 이전 PHP 예제에서는 변수 $thisPage 사용하여 showTop() 함수의 특정 기능을 제어했습니다. PHP에서 변수 이름은 $로 시작해야 하지만 JavaScript에서는 그렇지 않습니다. myText라는 변수를 사용하여 경고 상자에 표시되는 텍스트를 사용자 지정하는 다음 예제를 살펴봅니다. 단추를 추가한 후 페이지의 머리 섹션에 새 요소를 추가하고 단추 요소에 대한 새 스타일을 추가합니다.

CSS 의사 클래스(:hover, :focus 및 :active)를 사용하여 사용자가 키보드로 마우스나 탭으로 마우스를 가져가면 단추 모양이 변경되도록 합니다. 다음은 예제 스타일 시트입니다: 대화 상자는 창 개체의 메서드입니다. 그러나 창에 대한 명시적 참조 없이 호출할 수 있습니다. 정보를 표시하거나 사용자로부터 입력을 얻기 위해 유형(경고, 확인, 프롬프트)에 따라 사용할 수 있습니다. 이것은 매우 간단한 기능입니다. 이전 단원에서 공부한 HTML 너머 문서에서 설명한 PHP showTop() 및 showBottom() 함수와 매우 유사합니다. 대부분의 프로그래밍 또는 스크립팅 언어는 PHP 및 JavaScript를 포함하여 서로 유사하지만 구문(코드를 작성해야 하는 규칙)에는 미묘한 차이가 있습니다. 자바 스크립트에 네이티브 의 한 유용한 기능은 alert() 기능입니다. 이 기능은 화면에 팝업 대화 상자에 텍스트를 표시합니다.

자바 스크립트 경고 상자는 중요한 무언가를 사용자에게 경고하는 데 유용합니다. 자바스크립트 경고 상자가 트리거되면 작은 상자가 나타나자바스크립트 코드에 지정한 텍스트를 표시합니다. 사용자 지정 경고 메시지로 showAlert() 스크립트를 수정해 보십시오. 그런 다음 작동하는지 테스트하십시오. JavaScript 경고의 가장 일반적인 용도는 다른 작업을 수행하는 함수 내에서 호출하는 것입니다.