JavaScript 팝업

JavaScript에서는 사용자와 상호작용하기 위해 대화 상자나 팝업 창을 생성할 수 있습니다.

JavaScript는 경고 창, 확인 창 및 알림 창 세 가지类型的 팝업 창을 가지고 있습니다.

경고 창

경고 창은 가장 간단한 팝업 창입니다. 사용자에게 짧은 메시지를 표시할 수 있습니다.

그것에는 "확인" 버튼도 포함되어 있으며, 사용자가 이 "확인" 버튼을 클릭해야 합니다.

문법:

window.alert("msg");

window.alert();메서드는 "window." 프리픽스 없이 직접 사용할 수 있습니다:

alert("Hello world!");

확인 창

사용자가 특정 내용을 확인하거나 수락하려면 일반적으로 확인 창을 사용합니다.

확인 창은 경고 창과 유사하지만, "취소" 및 "확인" 버튼이 포함됩니다.

사용자가 "확인"을 클릭하면 해당 창이 반환합니다.true사용자가 "취소"를 클릭하면 해당 창이 반환합니다.false。

문법:

window.confirm("msg");

window.confirm();메서드는 "window." 프리픽스 없이 직접 사용할 수 있습니다:

var r = confirm("한 개의 버튼을 누르세요!");
if (r == true) {
　　　txt = "확인을 눌렀습니다!";
}
　　　txt = "취소를 눌렀습니다!";
}

알림 창

사용자가 페이지에 접근하기 전에 값을 입력하려면 일반적으로 알림 창을 사용합니다.

알림 창에는 텍스트 입력 필드와 "확인" 및 "취소" 버튼이 포함됩니다.

사용자가 "확인"을 클릭하면 해당 창이 입력 값을 반환합니다. 사용자가 "취소"를 클릭하면 해당 창이 null을 반환합니다.

문법:

window.prompt("msg",　"defaultText")

window.prompt()메서드는 "window." 프리픽스 없이 직접 사용할 수 있습니다:

var　name　=　prompt("请输入你的名字",　"Someone");
if　(name　!=　null)　{
　　　document.getElementById("output").innerHTML　=　"Hello　"　+　name;
}

주의:prompt()메서드가 반환하는 값은 항상 문자열입니다. 이는 사용자가 입력 필드에 입력한 값을 사용자가 입력한 값을 의미합니다.15이렇게 되면 문자열 " 15”이 대신 숫자15。

따라서, 반환 값을 숫자로 사용하려면 변환해야 합니다. 참조:JavaScript에서 데이터 타입을 변환하는 방법。

대화 상자에서 개행 문자 표시

대화 상자에서 개행 문자를 표시하려면 개행 문자 또는 개행 문자(\n)를 사용하십시오. 반대slashes 뒤에 문자 n을 따릅니다.

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

更多示例

이 예제는 JavaScript가 지원하는 다양한 대화 상자 유형을 보여줍니다: