JavaScript proporciona un conjunto de objetos con ventana como núcleo, realizando el control de acceso de las ventanas del navegador. 6 objetos importantes se definen en JavaScript:
El objeto de la ventana representa una ventana que se abre en el navegador;
El objeto de documento representa el objeto de documento que carga la página en el navegador;
El objeto de ubicación contiene la información de URL actual del navegador;
El objeto de navegación contiene información sobre el navegador en sí;
El objeto de pantalla contiene información sobre la pantalla del cliente y las capacidades de representación;
El objeto Historial contiene la información histórica del navegador que accede a la página web.
Además del objeto de la ventana, los otros cinco objetos son propiedades del objeto de la ventana. Su relación es la siguiente:
1. Objeto de Windows
El objeto de la ventana es un objeto global de JavaScript, por lo que no es necesario especificar las propiedades y métodos para usar el objeto de la ventana. Por ejemplo: alerta, la llamada completa es en realidad Window.alert, que generalmente omite la referencia al objeto de la ventana.
1. Propiedades, métodos y eventos del objeto Windows
| Nombre de atributo | efecto | manifestación |
|---|---|---|
| nombre | Especificar el nombre de la ventana | |
| padre | La ventana principal de la ventana actual (marco), utilizándola para devolver el método y las propiedades del objeto | |
| abrelatas | Devuelve el objeto de la ventana que produce la ventana actual y la usa para devolver el método y las propiedades del objeto | |
| arriba | Representa la ventana principal, es la ventana de nivel superior y también es la ventana principal de todas las demás ventanas. Se puede acceder a los métodos y propiedades de la ventana actual a través de este objeto | |
| Ser | Devuelve un objeto en la ventana actual a través del cual se puede acceder a los métodos y propiedades de la ventana actual. | |
| defaultStatus | Devolver o establecer el contenido predeterminado que se mostrará en la barra de estado del navegador | |
| estado | Devolver o establecer el contenido especificado que se mostrará en la barra de estado del navegador |
| Nombre del método | efecto | manifestación |
|---|---|---|
| alerta() | Muestra un cuadro de diálogo de alerta que contiene un mensaje y un botón OK | |
| confirmar() | Mostrar un cuadro de diálogo de confirmación | |
| inmediato() | Mostrar un cuadro de diálogo de solicitud que solicita al usuario que ingrese datos | |
| abierto() | Abra una ventana existente, o cree una nueva ventana y cargue un documento en esa ventana | |
| cerca() | Cerrar una ventana abierta | |
| navegar por() | Muestra la página web especificada en la ventana actual | |
| setTimeout () | Establezca un temporizador y llame a una función después de que se apruebe el intervalo de tiempo especificado. | |
| ClearTimeOut () | Restablecer el temporizador especificado | |
| enfocar() | Hacer un objeto de ventana Obtenga el enfoque actual | |
| difuminar() | Hacer que un objeto de ventana pierda su enfoque actual |
| evento | ilustrar | manifestación |
|---|---|---|
| encendido | Ocurre cuando los archivos HTML se cargan en el navegador | |
| onunLoad | Ocurre cuando los archivos HTML se eliminan del navegador | |
| en el tope | Ocurre cuando la ventana se enfoca | |
| en el franco | Ocurre cuando la ventana pierde el enfoque | |
| alivio | Ocurre cuando el usuario presiona la tecla F1 | |
| onreSizar | Ocurre cuando el usuario cambia de tamaño de la ventana | |
| inscroll | Ocurre cuando el usuario se desplaza por la ventana | |
| onderror | Ocurre cuando ocurre un error al cargar un archivo HTML |
2. Las funciones principales proporcionadas por el objeto de la ventana:
Ajuste el tamaño y la posición de la ventana, abra una nueva ventana, un cuadro de solicitud del sistema, control de la barra de estado y operaciones de cronometraje. Las siguientes son las siguientes descripciones de estas 5 funciones.
(1) Ajuste el tamaño y la posición de la ventana
método | uso | ilustrar |
ventana.moveby Mueva la ventana del navegador a la ubicación especificada (posicionamiento relativo) | Window.MoveBy (DX, DY) | Para la seguridad y las buenas consideraciones del usuario, los scripts de JavaScript no pueden usarse para mover ventanas fuera del área visual. La ventana del navegador siempre debe estar garantizada para estar en el área visual de la pantalla. |
ventana.moveto Mueva la ventana del navegador a la ubicación especificada (Posicionamiento absoluto) | Window.MoveBy (x, y) | Si las coordenadas especificadas (x, y) colocan algunas o todas las ventanas fuera del área visible, la ventana se mantendrá más cerca del borde de la pantalla. |
Window.ResizeBy Cambie el tamaño de la ventana del navegador al ancho y la altura especificados (cambiar el tamaño relativamente de la ventana) | Window.ResizeBy (DW, DH) | |
ventana.resizeto Cambie el tamaño de la ventana del navegador al ancho y la altura especificados (cambiar el tamaño de la ventana) | Window.resizeto (W, H) | El ancho y la altura especificados no pueden ser negativos |
(2) Abra una nueva ventana
Uso: Window.open ([URL], [Target], [Opciones])
URL de parámetros: la URL se cargará en la nueva ventana. Si no se especifican parámetros, la página en blanco se cargará de forma predeterminada. Por ejemplo: Window.open ("test.htm");
Objetivo de parámetro: el objetivo o el nombre de la ventana recién abierta
_Elgerir cargar nueva página en la ventana actual
_Blank Cargue nueva página en una nueva ventana
_Parent Carga nueva página en la ventana principal
_Top Carga nueva página en la ventana superior
Opciones de parámetros: las propiedades de la ventana recién abierta están compuestas de varias opciones, separadas por comas, y cada opción contiene el nombre y el valor de la opción.
Opción | ilustrar |
altura | La altura de la ventana, píxeles de la unidad |
ancho | El ancho de la ventana, píxeles de la unidad |
izquierda | La posición del borde izquierdo de la ventana |
arriba | La posición del borde superior de la ventana |
pantalla completa | Si estará en pantalla completa, valor predeterminado no |
ubicación | Si se debe mostrar la barra de direcciones, el valor predeterminado es sí |
Menubar | Si se debe mostrar la barra de menú, el valor predeterminado es sí |
Reacio | Si permitir cambiar el tamaño de la ventana, el valor predeterminado es sí |
barras de desplazamiento | Si se debe mostrar barras de desplazamiento, valor predeterminado sí |
estado | Si se debe mostrar la barra de estado, el valor predeterminado es sí |
barra de título | Si se debe mostrar la barra de título, el valor predeterminado es sí |
barra de herramientas | Si se debe mostrar la barra de herramientas, el valor predeterminado es sí |
(3) Cuadro de solicitud del sistema
Window.alert Muestra el cuadro de solicitud de mensaje, Uso Window.alert ([Mensaje]); (Nota: los objetos de la ventana generalmente se omiten y se usa directamente alerta)
Window.Confirm muestra un cuadro de diálogo de confirmación que incluye los botones Aceptar y Cancelar.
Window.Prompt muestra un cuadro de solicitud de mensaje que contiene un cuadro de entrada de texto.
Uso: Window.Prompt ([Mensaje], [predeterminado]); El mensaje es el texto que se muestra en el cuadro de solicitud, y el valor predeterminado es el valor predeterminado del cuadro de texto.
(4) Control de la barra de estado
Controlado a través de la ventana. Propiedad Estatus. Por ejemplo: Window.status = "Solicitud de error"; Hacerlo afectará la experiencia del usuario, por lo que no se recomienda modificar la información de la barra de estado.
(5) Operación cronometrada
Las operaciones de temporización son funciones comúnmente utilizadas en el desarrollo web. En el desarrollo basado en la tecnología AJAX, existe un tipo de aplicación que necesita acceder al servidor de backend regularmente y actualizar la página delantera. Este tipo de implementación de la aplicación generalmente depende de las funciones de operación de tiempo.
Hay cuatro funciones de operación de tiempo: Window.SetInterval, Window.ClearInterval, Window.setTimeOut y Window.ClearTimeOut. Estas cuatro funciones son métodos de objetos de ventana, lo que significa que las operaciones de tiempo en el navegador completan la ventana del navegador. La siguiente es una introducción detallada al uso de estos cuatro métodos.
① window.setInterval establece el temporizador y ejecuta el código especificado Window.setInterval (código, tiempo);
Descripción: El parámetro del código puede ser una función o un código JavaScript en forma de una cadena
El parámetro de tiempo es el intervalo de tiempo para ejecutar el código, y la unidad es MS.
② Window
③ window.setTimeOut establece el temporizador y ejecuta el código especificado Window.setTimeOut (código, tiempo);
Nota: El parámetro del código puede ser una función o un código JavaScript en forma de una cadena. La diferencia entre SetTimeout y SetInterval es que SetTimeOut solo ejecuta el código especificado una vez.
El parámetro de tiempo es el intervalo de tiempo para ejecutar el código, y la unidad es MS.
④ Window
La explicación detallada anterior del objeto Window, uno de los objetos del navegador JavaScript, es todo el contenido compartido por el editor. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.