La propiedad window outsideWidth se usa para devolver el ancho exterior de la ventana del navegador. Incluye todos los elementos de la interfaz, como barras de herramientas, barras de desplazamiento, etc. Es una propiedad de solo lectura y devuelve un número que representa el ancho de la ventana del navegador en píxeles.
Sintaxis:
window.outerWidth
Valores devueltos: Devuelve un valor numérico que representa el ancho de la ventana del navegador, incluye todos los elementos de la interfaz, en píxeles
El siguiente programa ilustra la propiedad de ancho exterior de la ventana:
Obtener el ancho de la ventana del navegador.
<!DOCTYPE html>
<html>
<head>
<title>
Window outerWidth Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Window outerWidth Property</h2>
<p>
For returning the browser window's width,
double click the "Check Width" button:
</p>
<button ondblclick="pixel()">
Check Width
</button>
<p id="outerwidth"></p>
<script>
function pixel() {
var width = window.outerWidth;
document.getElementById("outerwidth").innerHTML =
"Width : " + width;
}
</script>
</body>
</html>
Producción:
Después de hacer clic en el botón
Navegadores compatibles: los navegadores compatibles con la propiedad Window outsideWidth
se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA