Obtenir la taille d'un document lorsque la fenêtre redimensionne

Question

je peux trouver la taille de la fenêtre, quand je redimensionner mes window.like ce

<script type="text/javascript"> 

    jQuery(window).resize(function() { 
     var width = jQuery(window).width(); 
     var height = jQuery(window).height(); 
     console.log(width); 
     console.log(height); 
    }) 
</script> 

Maintenant, je veux obtenir la taille du document quand je redimensionnez la fenêtre. Comment puis-je obtenir la taille à chaque fois que vous redimensionnez la fenêtre.

Answer 1

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

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

http://api.jquery.com/width/

Answer 2

Vous pouvez utiliser l'objet document:

var width = jQuery(document).width(); 
var height = jQuery(document).height(); 

Démo: http://jsfiddle.net/wyHwp/

Comme vous le voyez, la taille du document est la même valeur alors que la fenêtre est plus petite. Lorsque la fenêtre est plus grande que le document a besoin, le document s'étire à la taille de la fenêtre.

Vous pouvez également obtenir la taille de l'élément document.body:

var width = jQuery(document.body).width(); 
var height = jQuery(document.body).height(); 

La différence est que vous obtenez la hauteur de l'élément de corps, même si la fenêtre est plus élevée, à savoir l'élément du corps ne s'étire pas automatiquement au bas de la fenêtre.

Answer 3

Modifiez votre exemple de code pour l'obtenir en même temps.

<script type="text/javascript"> 

    jQuery(window).resize(function() { 
     var width = jQuery(window).width(); 
     var height = jQuery(window).height(); 
     var documentWidth = jQuery(document).width(); 
     var documentHeight = jQuery(document).height(); 
     console.log(width); 
     console.log(height); 
    }) 
</script> 

Answer 4

Je ne sais pas si vous voulez ceci:

jQuery(window).resize(function() { 
    var winwidth = jQuery(window).width(); 
    var winheight = jQuery(window).height(); 
    var docwidth = jQuery(document).width(); 
    var docheight = jQuery(document).height(); 
    console.log('window width is -> ' + winwidth + 'window height is -> ' + winheight); 
    console.log('document width is -> ' + docwidth + 'document height is -> ' + docheight); 
}).resize(); 
//-^^^^^^^^----this will log everytime on doc ready