Los últimos tutoriales de desarrollo web
 

JavaScript Las cajas emergentes


JavaScript tiene tres tipos de cajas emergentes: cuadro de alerta, cuadro Confirmar, y cuadro de aviso.


Caja de alerta

Un cuadro de alerta se utiliza a menudo si usted quiere asegurarse de que la información llega hasta el usuario.

Cuando un cuadro de alerta aparece, el usuario tendrá que hacer clic "OK" para continuar.

Sintaxis

window.alert("sometext");

El window.alert() método se puede escribir sin el prefijo ventana.

Ejemplo

alert("I am an alert box!");
Inténtalo tú mismo "

confirmar Box

Un cuadro de confirmación se utiliza a menudo si desea que el usuario pueda verificar o aceptar algo.

Cuando un cuadro de confirmación aparece, el usuario tendrá que hacer clic en cualquiera de los dos "OK" o "Cancel" para continuar.

Si el usuario hace clic en "OK" , el cuadro devuelve verdadero. Si el usuario hace clic en "Cancel" , el cuadro vuelve falsa.

Sintaxis

window.confirm("sometext");

El window.confirm() método se puede escribir sin el prefijo ventana.

Ejemplo

var r = confirm("Press a button");
if (r == true) {
    x = "You pressed OK!";
} else {
    x = "You pressed Cancel!";
}
Inténtalo tú mismo "

Caja pronta

Un cuadro de mensaje se utiliza a menudo si desea que el usuario introduzca un valor antes de entrar en una página.

Cuando un cuadro de mensaje aparece, el usuario tendrá que hacer clic en cualquiera de los dos "OK" o "Cancel" para proceder después de introducir un valor de entrada.

Si el usuario hace clic en "OK" del cuadro devuelve el valor de entrada. Si el usuario hace clic en "Cancel" el cuadro devuelve un valor nulo.

Sintaxis

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

El window.prompt() método se puede escribir sin el prefijo ventana.

Ejemplo

var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}
Inténtalo tú mismo "

Saltos de línea

Para mostrar los saltos de línea dentro de una caja emergente, utilice una barra invertida seguida por el carácter n.

Ejemplo

alert("Hello\nHow are you?");
Inténtalo tú mismo "