Les chemin pour déssiner en SVG partie 1 tracer des lignes droites et des formes en lignes droites
L'objet window est pris en charge par tous les navigateurs. Elle représente la fenêtre du navigateur
Le modèle JavaScript objet navigateur (BOM) permet de communiquer avec le navigateur
Il n'y a aucune norme officielle pour l’objet Browser Object Model (BOM).
Étant donné que les navigateurs modernes ont mis en place (ou presque) les mêmes méthodes et propriétés pour l'interactivité JavaScript.
L'objet window est pris en charge par tous les navigateurs. Elle représente la fenêtre du navigateur.
Tous les objets JavaScript global, fonctions et variables deviennent automatiquement membres de l'objet window.
Les variables globales sont des propriétés de l'objet window.
Fonctions globales sont des méthodes de l'objet window.
Même l'objet document (du DOM HTML) est une propriété de l'objet window :
window.document.getElementById("header");
est identique :
document.getElementById("header");
Trois propriétés différentes peuvent être utilisées pour déterminer la taille de la fenêtre du navigateur (la fenêtre de navigateur, sans compter les barres d'outils et barres de défilement).
Pour Internet Explorer9 et +, Chrome, Firefox, Opera et Safari :
window.innerHeight - la hauteur intérieure de la fenêtre du navigateur
window.innerWidth - la largeur intérieure de la fenêtre du navigateur
Pour Internet Explorer 8, 7, 6, 5 :
document.documentElement.clientHeight
document.documentElement.clientWidth
ou
document.body.clientHeight
document.body.clientWidth
Une solution pratique de JavaScript (couvrant tous les navigateurs) :
Exemple : Copier le code
<!DOCTYPE html>
<html>
<body>
<p id="exemple"></p>
<script>
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
x=document.getElementById("exemple");
x.innerHTML="La largeur de cette fenetre est : " + w + ", et la
hauteur est : " + h + "."
</script>
</body>
</html>
L'objet window représente une fenêtre ouverte dans un navigateur.
Si un document contient des frames (balises < frame> ou <iframe >), le navigateur crée un objet unique pour le document HTML et un objet fenêtre supplémentaire pour chaque frame.
| Propriété | Description |
|---|---|
| closed | Retourne une valeur Boolean qui indique si une fenêtre a été fermée ou non |
| defaultStatus | Définit ou retourne le texte par défaut dans la barre d'état d'une fenêtre |
| document | Retourne l'objet Document de la fenêtre |
| frames | Retourne un tableau de tous les cadres (y compris les iframes) dans la fenêtre courante |
| history | Retourne l'objet de l'histoire de la fenêtre |
| innerHeight | Définit ou retourne la hauteur intérieure de la zone de contenu de la fenêtre |
| innerWidth | Définit ou retourne la largeur intérieure de la zone de contenu de la fenêtre |
| length | Retourne le nombre d'images (y compris les iframes) dans une fenêtre |
| location | Retourne l'objet de l'emplacement de la fenêtre |
| name | Définit ou retourne le nom d'une fenêtre |
| navigator | Retourne l'objet Navigator pour la fenêtre |
| opener | Retourne une référence à la fenêtre qui a créé la fenêtre courante |
| outerHeight | Définit ou retourne la hauteur extérieure d'une fenêtre, y compris les barres d'outils/barres de défilement |
| outerWidth | Définit ou retourne la largeur extérieure d'une fenêtre, y compris les barres d'outils/barres de défilement |
| pageXOffset | Retourne la position en pixels au-delà duquel le document actif a été défilée (horizontalement) depuis le coin supérieur gauche de la fenêtre |
| pageYOffset | Retourne la position en pixels au-delà duquel le document actif a été défilée (verticalement) à partir du coin supérieur gauche de la fenêtre |
| parent | Retourne la fenêtre parente de la fenêtre en cours |
| screen | L'objet écran contient des informations sur l'écran du visiteur. |
| screenLeft | Renvoie la position gauche de la fenêtre par raport à l’écran |
| screenTop | Renvoie la position haut de la fenêtre par raport à l’écran |
| screenX | Renvoie la coordonnée x de la fenêtre par rapport à l'écran |
| screenY | Renvoie la coordonnée y de la fenêtre par rapport à l'écran |
| self | Retourne une référence à l'objet fenêtre lui-même |
| status | La propriété status définit ou retourne le texte dans la barre d'État en bas du navigateur. |
| top | Retourne une référence à la fenêtre de niveau supérieur dans la hiérarchie de la fenêtre |
| Méthode | Description |
|---|---|
| alert() | Affiche une boîte d'alerte avec un message et un bouton OK |
| atob() | Décode une chaine codée en base 64 par la méthode btoa() |
| blur() | Focus supprime à partir de la fenêtre en cours |
| btoa | encode une chaine en base 64 |
| clearInterval() | Efface une minuterie sertie de setInterval() |
| clearTimeout() | Efface une minuterie programmée avec setTimeout() |
| close() | Ferme la fenêtre en cours |
| confirm() | Affiche une boîte de dialogue avec un message et deux bouton OK et annuler |
| focus() | Ensembles focus à la fenêtre en cours |
| moveBy() | Déplace une fenêtre par rapport à sa position actuelle |
| moveTo() | Déplace une fenêtre à la position spécifiée |
| open() | Ouvre une nouvelle fenêtre de navigateur |
| print() | Imprime le contenu de la fenêtre en cours |
| prompt() | Affiche une boîte de dialogue qui invite le visiteur à donner une information |
| resizeBy() | Redimensionne la fenêtre par les pixels spécifiés |
| resizeTo() | Redimensionne la fenêtre à la largeur et la hauteur |
| scrollBy() | Fait défiler le contenu par le nombre de pixels spécifié |
| scrollTo() | Fait défiler le contenu vers les coordonnées spécifiées |
| setInterval() | Appelle une fonction ou évalue une expression à des intervalles spécifiés (en millisecondes) |
| setTimeout() | Appelle une fonction ou évalue une expression après un nombre spécifié de millisecondes |
| stop() | La méthode stop() arrête le chargement de la fenêtre |