Comprensión del modelo de objetos del navegador (BOM) en JavaScript
En esta publicación, aprendemos sobre BOM en JavaScript.
¿Qué es la lista de materiales?
El modelo de objetos del navegador (BOM) se refiere al modelo de objetos del navegador en JavaScript. BOM se utiliza en la pantalla de Windows y se comunica con el navegador. BOM se refiere a objetos de Windows en JavaScript. Los navegadores modernos han implementado los mismos métodos y propiedades para las interacciones de JavaScript, a menudo denominados métodos y propiedades de BOM. El navegador crea automáticamente un objeto de ventana.
Varios tipos de BOM (modelo de objetos de navegador)
- Objeto de Windows
- Objeto navegador
- Objeto de ubicación
- Objeto de pantalla
- Objeto de almacenamiento
Los objetos de Windows
El objeto de la ventana representa la ventana del navegador. Todos los objetos de JavaScript globales son miembros del objeto de ventana. El objeto de ventana tiene algunos métodos y propiedades,
Métodos en objetos de windows
Propiedades en objetos de windows
Ejemplo de métodos de objetos de Windows
Podemos ver el ejemplo de todos los métodos, uno por uno los explicaré.
El método alert ()
Este método se utiliza para mostrar un mensaje de alerta al usuario. Muestra el cuadro de alerta que contiene un mensaje con el botón Aceptar para continuar. El método alert () toma un solo parámetro, que es el texto que se muestra en el cuadro emergente.
Ejemplo
Inténtalo tú mismo:
|_+_|Producción
como eliminar canales destacados en youtube
El método confirm ()
Este método se utiliza para mostrar un mensaje de alerta al usuario y verificar o aceptar algo. Muestra el cuadro de alerta que contiene un mensaje con dos botones, Aceptar y Cancelar para continuar. Cuando el usuario hace clic en Aceptar, el cuadro devuelve verdadero. Si el usuario hace clic en Cancelar, el cuadro no es válido.
Ejemplo
Inténtalo tú mismo:
|_+_|Producción
El método Prompt ()
El cuadro en una línea se usa a menudo para evaluar la entrada del usuario antes de ingresar a una página. Cuando aparece Instant Box, el usuario debe hacer clic en Aceptar o Cancelar para ingresar el valor de entrada y continuar. Tiene un mensaje y un campo de texto. Cuando el usuario hace clic en Aceptar, el cuadro devuelve el valor de entrada. Cuando el usuario hace clic en Cancelar, devuelve nulo.
Ejemplo
Inténtalo tú mismo:
|_+_|Producción
Luego, ingrese un nombre y se mostrará el cuadro de diálogo.
El método Open ()
Esto muestra su contenido en una nueva pestaña o ventana. En el siguiente ejemplo, haga clic en el botón y redirigirá la nueva ventana.
Ejemplo
Inténtalo tú mismo:
|_+_|Producción
cuenta de la aplicación de efectivo bloqueada
El método setTimeout ()
Este método realiza la acción después de los milisegundos dados, como llamar a una función, evaluar expresiones, etc.
Ejemplo
Inténtalo tú mismo:
|_+_|Producción
Podemos ver el ejemplo de propiedades, una a una te las explicaré:
Ejemplo de propiedades de objetos de Windows
El innerHeight y innerWidth
Las propiedades del objeto de Windows devuelven la altura y el ancho del contenido del navegador. No podemos cambiar la altura y el ancho ya que estas propiedades son de solo lectura.
Sintaxis
|_+_|Ejemplo
Inténtalo tú mismo,
|_+_|Producción
La propiedad del nombre
La propiedad name devolverá el nombre de las ventanas. Esta propiedad se usa a menudo para cambiar el nombre de la ventana después de que se crea la ventana.
Ejemplo
|_+_|Producción
Resumen
En este artículo, hemos aprendido acerca de las propiedades y métodos de los objetos de las ventanas de la lista de materiales.
donde comprar nkn
¡Gracias por leer!
#javascript #tutorial #programación