Quelle est la différence entre window, screen et document en Javascript?

Question

Je vois ces termes utilisés indifféremment comme environnement global pour le DOM. Quelle est la différence (s’il en existe un) et quand devrais-je les utiliser?

Answer 1

Window est la racine principale de l'objet JavaScript. Elle peut également être traitée comme la racine du modèle d'objet de document. Vous pouvez y accéder en tant que window dans la plupart des cas (dans le navigateur);

window.screen est un petit objet d'information sur la dimension de l'écran physique.

window.document ou simplement document est l'objet principal du modèle d'objet de document visible / DOM.

Answer 2

window est l'objet global réel.

screen est l'écran, il contient les propriétés relatives à l'affichage de l'utilisateur.

Le document est où se trouve le DOM.

Answer 3

l' window contient tout ce qui est, de sorte que vous pouvez appeler window.screen et window.document pour obtenir ces éléments. Découvrez ce violon, d'impression, le contenu de chaque objet: http://jsfiddle.net/JKirchartz/82rZu/

Vous pouvez également voir le contenu de l'objet dans firebug/outils de dev comme ceci:

console.dir(window);
console.dir(document);
console.dir(screen);

window est la racine de tout, screen a juste les dimensions de l'écran, et document est supérieure objet DOM. de sorte que vous pouvez le penser comme window être comme un super-document...