par

Comment puis-je détecter la hauteur et la largeur de la fenêtre du navigateur en JavaScript ?

1 Réponse

+1 validé
par
edité par

Pour détecter la hauteur et la largeur de la fenêtre du navigateur, en JavaScript, vous pouvez utiliser les propriétés window.innerHeight et window.innerWidth.

Exemple pour détecter la hauteur et la largeur de la fenêtre du navigateur avec JavaScript :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment détecter la hauteur et la largeur de la fenêtre en JavaScript ?</title>
</head>
<body>
<div id="hauteur">Hauteur: <p></p></div>
<div id="largeur">Largeur: <p></p></div>
<script> 
const hauteur = document.querySelector("#hauteur p"); 
const largeur = document.querySelector("#largeur p"); 
window.onresize = function() { 
	hauteur.innerHTML = window.innerHeight;  
	largeur.innerHTML = window.innerWidth; 
}; 
</script>
</body>
</html>

Remarque : window.innerHeight récupère la hauteur de la page en incluant l'éventuelle barre de défilement, alors que window.outerHeight récupère l'intégralité de la taille de la fenêtre en incluant également les barres de menu.

Lecture Recommandée

Edward Snowden - Mémoires vives

"Je m'appelle Edward Joseph Snowden. Avant, je travaillais pour le gouvernement mais aujourd'hui je suis au service de tous. Il m'a fallu près de trente ans pour saisir la différence et quand j'ai compris, ça m'a valu quelques ennuis au bureau."

L'homme qui a tout risqué pour dénoncer la surveillance globale, ou l'extraordinaire histoire d'un garçon brillant qui a grandi "en ligne", d'un homme devenu espion, puis lanceur d'alerte, et, en exil, la consciencce de l'internet.

Mémoires vives est un témoignage exceptionnel, également disponible en numérique.

Sujets Connexes

Offre Sponsorisée

Ailleurs sur le Web

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...