Métodos de objeto de ventana | Explicado
Esta redacción discutirá los métodos de objetos de la ventana en JavaScript. Demostraremos el uso de algunos métodos útiles de objeto de ventana como alerta (), confirmar (), inder (), abrir () y setTimeOut (). Además, también se proporcionará una lista de otros métodos de objeto de ventana de JavaScript con su descripción. Entonces, comencemos!
Método de alerta de objeto de ventana en JavaScript
El método de alerta de objeto de ventana () se utiliza para mostrar un cuadro de alerta que contiene la cadena agregada y tiene un "DE ACUERDO" botón.
Ejemplo: Uso del método de objeto de ventana alerta () en JavaScript
En este ejemplo, en primer lugar, definiremos un "msg ()"Función con el"alerta()"Método de objeto de ventana en su cuerpo. Después de hacerlo, agregaremos un "Haz click en miBotón "y luego adjunte el"msg ()"Funciona a su"al hacer clic" evento:
Ejecute el programa anterior en su editor de código favorito o en cualquier Sandbox de codificación en línea; Sin embargo, utilizaremos el JSBIN para este propósito:
Ahora, cuando hacemos clic en el botón resaltado, se mostrará un cuadro de alerta con el mensaje "Estamos aprendiendo métodos de objeto de ventana":
Método de confirmación de objeto de ventana () en JavaScript
En JavaScript, se utiliza el método de objeto de ventana Confirm () para mostrar un cuadro de diálogo Confirmar que contiene la cadena agregada y dos botones: "DE ACUERDO" y "Cancelar".
Ejemplo: Uso del método del objeto de ventana confirm () en JavaScript
En el ejemplo dado a continuación, agregaremos un "msg ()" función. El "msg ()"La función invocará el método de objeto de ventana Confirm () con el mensaje especificado. En caso de hacer clic en el "DE ACUERDO"Botón, mostrará un aviso que muestra el"Sí"Cadena, y para el"Cancelar"Botón, se mostrará"No"En el aviso:
Tenga en cuenta que adjuntaremos el creado "msg ()"Función, en el"al hacer clic"Evento del"Eliminar el registro" botón:
Aquí está el "Eliminar el registro" botón; Al hacer clic en él, mostrará el cuadro de diálogo Confirmar a continuación:
Hemos hecho clic en el "DE ACUERDOBotón ", y se muestra el siguiente mensaje en el navegador:
En caso de hacer clic "Cancelar", Nuestro programa JavaScript mostrará este aviso:
Método del objeto de ventana ind () en JavaScript
Si está buscando un método de objeto de ventana que pueda ayudarlo a tomar la entrada del usuario a través de un cuadro de diálogo, puede usar el "inmediato()"Método en su código JavaScript. El "inmediato()El método del objeto de la ventana proporciona un campo de texto y el mensaje especificado.
Ejemplo: Uso del método del objeto de ventana ind () en JavaScript
En nuestro programa JavaScript, hemos agregado un "Haz click en mi"Botón, y en su"al hacer clic"Evento, invocaremos el"mostrar información()" función. Cuando el cuerpo del "mostrar información()"La función se ejecutará, mostrará una solicitud pidiéndole que ingrese su nombre y luego mostrará el nombre adicional en un cuadro de alerta cuando haga clic en"DE ACUERDO"Botón de la solicitud:
Aquí, he entrado "sharqa"Como nombre y luego hizo clic en el"DE ACUERDO" botón:
Como puede ver, el nombre ingresado se muestra en otro cuadro de alerta:
Método de objeto de ventana abierto () en JavaScript
El método del objeto de ventana Open () se utiliza para mostrar el contenido agregado en una nueva ventana del navegador.
Ejemplo: Uso del método de Object Opgen Open () en JavaScript
Hemos agregado un enlace en el "abierto()"Método de objeto de ventana en el ejemplo dado a continuación. Según el código proporcionado, cuando haremos clic en el "Linuxhint"Botón, el definido"enlace abierto()Se invocará la función y moverá el control a la nueva ventana. La ventana abierta mostrará el contenido del enlace agregado:
Haciendo clic en el "LinuxhintEl botón abrirá nuestro sitio web de Linuxhint en la nueva ventana:
Método de Window Object SetTimeOut () en JavaScript
El método de objeto de ventana setTimeOut () realiza una tarea especificada después de los milisegundos agregados.
Ejemplo: Método de Window Object SetTimeOut () en JavaScript
En el siguiente ejemplo, el método setTimeOut () se invocará cuando haga clic en el "Haz click en mi" . botón. A continuación, después "5"Segundos, aparecerá un cuadro de alerta en la ventana del navegador:
Aquí está el cuadro de alerta que tenemos después de cinco segundos:
Otros métodos de objeto de ventana en JavaScript
Consulte la lista de otros métodos útiles de objeto de ventana:
| Método de objeto de ventana | Descripción |
|---|---|
| de la A, a la B() | El método de objeto de ventana atob () se utiliza para decodificar una cadena codificada base-64. |
| difuminar() | Se utiliza el método de objeto de ventana blur () para cambiar el enfoque desde la ventana activa. |
| btoa () | El método de objeto de ventana btoa () se utiliza para codificar una cadena en la base-64. |
| ClearInterval () | El método del objeto de ventana ClearInterval () se utiliza para eliminar un conjunto de temporizador con el método setInterval (). |
| ClearTimeOut () | El método del objeto de ventana Cleartimeout () se utiliza para eliminar un conjunto de temporizador con la ayuda del método setTimeOut (). |
| cerca() | Se utiliza el método de objeto de ventana cerrado () para cerrar la ventana activa. |
| enfocar() | Se utiliza el método de enfoque de objeto de ventana () para configurar el enfoque en la ventana activa. |
| getComputedStyle () | El método de Window Object GetComputedStyle () se utiliza para recuperar los estilos CSS activos que se aplica a un elemento HTML. |
| getSelection () | Se utiliza el método del objeto de ventana getSelection () para mostrar un objeto de selección que representa el rango de texto seleccionado por el usuario. |
| MatchMedia () | El método de MatchMedia () del objeto de ventana se utiliza para mostrar un mediasQueryList que representa la cadena de consulta de los medios especificados. |
| MoveBy () | El método del objeto de la ventana mudby () se utiliza para mover la ventana de un navegador en relación con su posición actual. |
| mover a() | Se utiliza el método de objeto de ventana Moveto () para mover la ventana del navegador a la posición agregada. |
| imprimir() | El método de imprimación de objeto de ventana se utiliza para imprimir el contenido de la ventana activa. |
| requestAnimationFrame () | Se utiliza el método del objeto de ventana requestanimationFrame () para solicitar al navegador que invoque la función de actualización de animación. |
| RESEDY () | Se utiliza el método del objeto de ventana resize () para cambiar el tamaño de la ventana actual de acuerdo con los píxeles agregados. |
| resizeto () | Se utiliza el método del objeto de ventana resizeto () para cambiar el tamaño de la ventana actual a la altura y el ancho especificados. |
| Scrollby () | El método de objeto de ventana scrollby () se utiliza para desplazar el documento de acuerdo con el número especificado de píxeles. |
| scrollto () | El método de objeto de ventana scrollTO () se utiliza para desplazar el documento de acuerdo con los valores de coordenadas especificados. |
| detener() | Se utiliza el método de parada de objeto de ventana para evitar que se cargue la ventana. |
Conclusión
Los métodos del objeto de la ventana en JavaScript se invocan para realizar funciones específicas para el objeto de la ventana, como cambiar el tamaño de la ventana activa, mostrar un aviso, decodificar una cadena codificada, establecer el intervalo de tiempo para realizar operaciones, eliminar el enfoque de la ventana actual. Este artículo sobre los métodos de objeto de ventana discutidos en JavaScript. Hemos demostrado el uso de algunos métodos útiles de objeto de ventana como alerta (), confirmar (), inder (), open () y setTimeOut (). Además, también se proporciona una lista de otros métodos de objeto de ventana de JavaScript con descripciones.