JavaScript pop op-vinduer

JavaScript har tre typer af pop-up-vinduer: advarselsboks, bekræftelsesboks og indtastningsboks.

advarselsboks

For at sikre, at informationen leveres til brugeren, bruges ofte en advarselsboks.

når advarselsboksen vises, skal brugeren klikke på "Ok" for at fortsætte.

syntaks

window.alert("sometext");

window.alert() metoder kan ikke have window præfiks til at skrive.

Eksempel

alert("Jeg er en advarselsboks!");

Prøv det selv

bekræftelsesboks

Hvis du ønsker, at brugeren skal verificere eller acceptere noget, bruges ofte en "bekræftelsesboks".

når bekræftelsesvinduet vises, skal brugeren klikke på "Ok" eller "Annuller" for at fortsætte.

hvis brugeren klikker på "Ok", vil vinduet returnere truehvis brugeren klikker på "Annuller", vil vinduet returnere false.

syntaks

window.bekræft("sometext");

window.bekræft() metoder kan ikke have window præfiks til at skrive.

Eksempel

var r = bekræft("venligst tryk på knappen");
hvis (r == true) {
    x = "Du klikkede på Bekræft!";
} else {
    x = "Du klikkede på Annuller!";
}

Prøv det selv

Prompt-boks

Hvis du ønsker, at brugeren skal indtaste en værdi, før de kommer ind på siden, bruges ofte en prompt-boks.

Når en prompt-boks vises, skal brugeren indtaste en værdi og derefter klikke på "OK" eller klikke på "Annuller" for at fortsætte.

Hvis brugeren klikker på "OK", returnerer boksen inputværdien. Hvis brugeren klikker på "Annuller", returnerer boksen NULL.

syntaks

window.prompt("sometext",defaultText");

window.prompt() metoder kan ikke have window præfiks til at skrive.

Eksempel

var person = prompt("Indtast dit navn", "Bill Gates");
if (person != null) {
    document.getElementById("demo").innerHTML = "Hej " + person + "! Hvordan har du det i dag?";
}

Prøv det selv

Linjeskift

Hvis du vil vise en linjeskift i en pop-up-boks, skal du tilføje et tegn efter backslash. n.

Eksempel

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

Prøv det selv