Différence entre $ (fenêtre) .width () vs $ (document) .width ()

Question

Quelle est la principale différence entre $(window).width() vs $(document).width() dans jQuery? Si la fenêtre indique le navigateur et le document représente le corps de la page HTML? Ai-je raison ?

Answer 1

À partir de la documentation de l' width():

Cette méthode est également en mesure de trouver la largeur de la fenêtre de document.

$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document

Simple jsFiddle Démo

Dans la démo, j'ai mis en html { width: 1000px; }, qui est plus grande que la fenêtre d'affichage.

La largeur du corps de votre page HTML est un tiers de la valeur. $('body').width() peut différer entre les deux autres (essayez body { margin: 100px; } par exemple).

Answer 2

Vous avez raison. window est la zone visible du navigateur. Le document est le corps même de la page. Ainsi, vos document pourraient s’étendre bien au-delà des window

Answer 3

Eh bien, l' window est la première chose qui est chargé dans le navigateur. Cette window objet a la majorité des propriétés comme l' length, innerWidth, innerHeight, name, si elle a été fermée, ses parents, et plus.

Ce sujet de l'objet document, alors?

L' document objet est de votre document html qui sera chargé dans le le navigateur. L' document est chargé à l'intérieur de l' windowobjet et a des propriétés disponibles, comme par exemple le titre, l'URL, cookies, etc. Ce n'cela signifie vraiment? Cela signifie que si vous voulez accéder à une propriété pour l' window c'est window.property, si elle est document il est window.document.property qui est également disponible en un mot comme document.property.

Donc, en conclusion, le document pourrait être plus petite que la fenêtre.

DE: http://eligeske.com/jquery/what-is-the-difference-between-document-and-window-objects-2/

Answer 4

$(window).width(); renvoie la largeur de la fenêtre du navigateur

$(document).width(); renvoie la largeur du document HTML

$(document).width() est un peu peu fiable, entraînant une valeur inférieure pour un navigateur entièrement masqué. $ (window) .width () est plus sûr.

$(window).width() obtient toute la largeur de la fenêtre, y compris des éléments tels que la barre de défilement.

Answer 5

Oui - la largeur de la fenêtre correspond à la largeur de la fenêtre du navigateur et la largeur du document correspond à la largeur de la page Web.