Ejemplo
Obtener la altura y el ancho de la ventana: (including toolbars/scrollbars) :
var w = window.outerWidth;
var h = window.outerHeight; Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad outerWidth devuelve el ancho exterior de una ventana, incluyendo todos los elementos de la interfaz (like toolbars/scrollbars) .
La propiedad outerHeight devuelve la altura exterior de una ventana, incluyendo todos los elementos de la interfaz (like toolbars/scrollbars) .
Estas propiedades son de sólo lectura.
Consejo: Utilice los innerWidth y innerHeight propiedades para obtener la anchura / altura sin barras de herramientas / barras de desplazamiento.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| outerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| outerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Sintaxis
window.outerWidth
window.outerHeightDetalles técnicos
| Valor de retorno: | Un número, que representa la anchura exterior y / o la altura exterior de la ventana del navegador, incluyendo todos los elementos de la interfaz, en píxeles |
|---|
Más ejemplos
Ejemplo
Una demostración de innerWidth, innerHeight, outerWidth y outerHeight en un ejemplo:
var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt +=
"<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight:
" + window.outerHeight + "</p>"; Inténtalo tú mismo " <Ventana Object