Sabemos que el modelo de objeto del navegador (BOM) es uno de los componentes de JavaScript, que proporciona objetos que interactúan con la ventana del navegador independientemente del contenido. Su estructura jerárquica es la siguiente:
El objeto de la ventana es el núcleo de toda la BOM, que incluye documento (objeto de documento), ubicación (objeto de dirección) e historia (composición de objetos históricos).
Sintaxis para llamar a las propiedades del objeto:
1. Objeto. Nombre del atributo = "Valor de atributo";
2. Object ["String de nombre de atributo"] = "Valor de atributo";
Sintaxis para llamar a los métodos del objeto:
1. El nombre del método del objeto ();
2. Object ["String de nombre de método"] ();
Métodos comunes de objetos de ventana
Métodos comunes de objetos de ventana
| nombre | ilustrar |
| inmediato() | Muestra un cuadro de diálogo que solicita al usuario que ingrese |
| alerta() | Muestra un diálogo de advertencia con un gran mensaje de inmediato y un botón OK |
| confirmar() | Mostrar un cuadro de diálogo con un mensaje de solicitud, botones "Aceptar" y "Cancelar" |
| cerca() | Cierre la ventana del navegador |
| abierto() | Abra una nueva ventana del navegador para cargar el documento especificado por la URL dada |
| setTimeout () | Llame a una función o calcule una expresión después de especificar una serie de milisegundos |
| setInterval () | Llame a una función o calcule una expresión de acuerdo con el período especificado (registrado en milisegundos) |
Propiedades de características de la ventana
| nombre | ilustrar |
| altura, ancho | Altura y ancho (grabado en píxeles) |
| Izquierda, arriba | Las coordenadas X e Y de la ventana se registran en píxeles |
| barra de herramientas | Si mostrar la barra de herramientas del navegador |
| barras de desplazamiento | Si mostrar barras de desplazamiento |
| ubicación | Si mostrar la barra de direcciones |
| estado | Si agregar una barra de estado |
| Menubar | Si mostrar la barra de menú |
| Reacio | Es la ventana ajustable en tamaño |
| barra de título | Si mostrar la barra de título |
| pantalla completa | Si usar el modo de pantalla completo para mostrar el navegador |
Eventos comunes para objetos de ventana
| nombre | ilustrar |
| encendido | Se carga una página o imagen |
| en el mouseo | Mueva el puntero del mouse sobre un elemento |
| encerrar | Haga clic en un objeto con el mouse |
| oneydown | Se presiona una tecla de teclado |
| en el cambio | El contenido del dominio ha cambiado |
Declaración de objetos personalizados
La primera forma de declarar:
<script type = "text/javaScript"> function paly () {var p = new Object (); // Cree un objeto objeto para abrir el espacio de memoria // Definir atributos para el objeto p p.age = 1; p.name = "javaScript"; // Defina el método para el objeto p p.sayhi = function () {document.write ("¡Hola a todos! Soy" + p.name + "Soy este año" + p.age + "año-niño"); } // Return Object P Return P; } // Crear instancias de objeto personalizado var js = paly (); // Método de llamadas de objeto js.sayhi (); // llamar al atributo del objeto document.write (js.name); </script>Captura de pantalla del efecto:
El segundo método:
<script type = "text/javaScript"> function paly () {// Defina los atributos para el objeto this.age = 1; this.name = "javaScript"; // Defina el método para el objeto this.sayhi = function () {document.write ("¡Hola a todos! Soy" + this.name + "Soy este año" + this.age + "año-viejo"); }} // Cree una instancia de un objeto personalizado var js = new paly (); // llamando al método del objeto js.sayhi (); // llamando a los atributos del objeto document.write (js.name); </script>Captura de pantalla del efecto:
Transversal de las propiedades del objeto
<script type = "text/javaScript"> function paly () {// Defina los atributos para el objeto this.age = 1; this.name = "javaScript"; // Defina el método para el objeto this.sayhi = function () {document.write ("¡Hola a todos! Soy" + this.name + "Soy este año" + this.age + "Year-Ond"); }} // Cree una instancia de un objeto personalizado var js = new paly (); // Tranquilidad Los atributos del objeto para (var par en js) {document.write ("js."+Par+"="+js [par]); } </script>Captura de pantalla del efecto:
Estructura rápida
<script type = "text/javaScript"> function paly () {// Definir atributos para el objeto this.age = 1; this.name = "javaScript"; // Defina el método para el objeto este.sayhi = function () {document.write ("¡Hola a todos! Soy" + this.name + "Soy este año" + this.age + "Year-iend"); }} // Cree una instancia de un objeto personalizado var js = new paly (); // Los métodos o atributos en el bloque de estructura están predeterminados a los atributos o métodos del objeto (js) entre paréntesis si no se especifica el objeto. {sayhi (); document.write ("<br/>"+edad); } </script>Captura de pantalla del efecto:
El resumen anterior de las operaciones relacionadas de los objetos JavaScript es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.