Metoda prompt() okna

definicja i zastosowanie

prompt() metoda wyświetla okno dialogowe, pytając użytkownika o wprowadzenie danych.

Jeśli użytkownik kliknie "Potwierdź", prompt() metoda zwraca wprowadzoną wartość, w przeciwnym razie zwraca null.

Uwaga

Jeśli chcesz, aby użytkownik wprowadził wartość, użyj okna dialogowego.

Podczas wyświetlania okna dialogowego użytkownik musi kliknąć "Potwierdź" lub "Anuluj", aby kontynuować.

Nie używaj tego zbyt często. Blokuje dostęp użytkownika do innych części strony przed zamknięciem okna.

Zobacz również:

metoda alert()

metoda confirm()

przykład

Przykład 1

pytaj o wprowadzenie nazwy użytkownika i wyświetl komunikat:

let person = prompt("Proszę, wprowadź swoje imię", "Harry Potter");
if (person != null) {
  document.getElementById("demo").innerHTML =
  "Hello " + person + "! Jak się masz dzisiaj?";
}

Spróbuj sam!

Przykład 2

pytaj o ulubiony napój użytkownika:

let text;
let favDrink = prompt("Jakie jest twoje ulubione napój?");
switch(favDrink) {
  case "Coca-Cola":
    text = "Wspaniały wybór! Coca-Cola jest dobra dla twojej duszy.";
    break;
  case "Pepsi":
    text = "Pepsi także jest moim ulubionym!";
    break;
  case "Sprite":
    text = "Czy na pewno Sprite to twoja ulubiona napój?";
    break;
  default:
    text = "Nigdy nie słyszałem o tym!";
}

Spróbuj sam!

gramatyka

prompt(message, default)

parametr

parametr opis
message wymagane. Tekst do wyświetlenia w oknie dialogowym.
default opcjonalne. Domyślny tekst wejściowy.

zwracana wartość

typ opis
łańcuch

Jeśli użytkownik kliknie "Potwierdź", zwróci wartość wprowadzoną.

Jeśli użytkownik nie wprowadzi żadnego ciągu znaków, zwróci pustą ciąg.

w przeciwnym razie zwróci null.

opis

prompt() metoda wyświetli określone komunikaty za pomocą okna dialogowego message, w tym oknie dialogowym znajduje się pole tekstowe wejściowe, przycisk potwierdzenia i przycisk anulowania, w którym grafika określona przez platformę informuje użytkownika o konieczności wprowadzenia danych.

Jeśli użytkownik kliknie przycisk anulowania,prompt() metoda zwróci null. Jeśli użytkownik kliknie przycisk potwierdzenia,prompt() zwróci bieżący tekst wyświetlany w polu wejściowym.

przez prompt() Okno dialogowe wyświetlane przez metodę jest modalne, co oznacza, że blokuje wszystkie wejścia użytkownika do okna przeglądarki, dopóki nie zostanie kliknięty przycisk potwierdzenia lub anulowania. Ponieważ wartość zwracana przez tą metodę zależy od odpowiedzi użytkownika, w związku z tym prompt() W tym momencie, wykonywanie kodu JavaScript zostanie wstrzymane. Poniższe instrukcje nie zostaną wykonane, dopóki użytkownik nie zareaguje.

Wsparcie przeglądarek

Wszystkie przeglądarki wspierają prompt():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane Wspierane