Window prompt() 메서드

定义和用法

prompt() 该方法显示对话框，提示用户输入。

if the user clicks “确定”, then prompt() 该方法返回输入值，否则返回 null.

주의

如果您希望用户 input values, then use the prompt box.

弹出提示框时，用户必须单击“确定”或“取消”才能继续。

이 방법을 과도하게 사용하지 마세요. 사용자가 대화 상자를 닫기 전까지 페이지의 다른 부분에 접근할 수 없습니다.

다른 것을 참조하세요:

alert() 메서드

confirm() 메서드

예제

예제 1

사용자 이름을 입력하도록 설문조사하고 메시지를 출력하십시오:

let person = prompt("당신의 이름을 입력하세요", "Harry Potter");
if (person != null) {
  document.getElementById("demo").innerHTML =
  "Hello " + person + "! 오늘은 어떻게 지내셨나요?";
}

개인적으로 시도해 보세요

예제 2

그의 가장 좋아하는 음료를 설문조사하십시오:

let text;
let favDrink = prompt("당신이 가장 좋아하는 음료는 무엇인가요?");
switch(favDrink) {
  case "Coca-Cola":
    text = "매우 좋은 선택입니다! 코카콜라는 당신의 영혼에 유익합니다.";
    break;
  case "Pepsi":
    text = "페퍼시도 제 가장 좋아하는 것입니다!";
    break;
  case "Sprite":
    text = "정말로? 당신이 씨비를 가장 좋아하는 것입니다?";
    break;
  default:
    text = "저는 그것을 들어본 적이 없습니다!";
}

개인적으로 시도해 보세요

문법

prompt(message, default)

매개변수

매개변수 설명
message 필수입니다. 대화 상자에 표시할 텍스트.
default 선택 사항입니다. 기본 입력 텍스트.

반환 값

타입 설명
문자열

만약 사용자가 "확인"을 클릭하면 입력 값을 반환합니다.

만약 사용자가 어떤 문자열도 입력하지 않으면 빈 문자열을 반환합니다.

다른 경우 null을 반환합니다.

설명

prompt() 메서드는 지정된 메시지를 대화 상자로 표시합니다 message이 대화 상자에는 텍스트 입력 필드, 확인 버튼, 취소 버튼이 있으며, 플랫폼이 결정한 그래픽이 사용자에게 입력을 수행해야 할 것을 설명합니다.

만약 사용자가 취소 버튼을 클릭하면prompt() 메서드는 반환 null만약 사용자가 확인 버튼을 클릭하면prompt() 현재 표시된 입력 필드의 텍스트를 반환합니다.

로 prompt() 표시된 대화 상자는 모달입니다. 즉, 사용자가 확인 버튼이나 취소 버튼을 클릭하여 닫기 전까지, 대화 상자는 사용자가 브라우저 창에 대한 모든 입력을 차단합니다. 이 메서드가 반환하는 값은 사용자의 응답에 따라 결정되므로, 호출 prompt() 할 때, JavaScript 코드의 실행이 중지됩니다. 사용자가 응답하기 전까지 다음 문장은 실행되지 않습니다.

브라우저 지원

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

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