Comment puis-je Obtenir innerWidth dans Internet explorer 8

Dans tous les navigateur récent:

 window.innerWidth //1920

Dans Internet explorer 8

 window.innerWidth //undefined

Quelle est la meilleure façon d'obtenir cette valeur dans IE8?

  • Avez-vous exploré jQuery? Il est très facile de le faire à l'aide.
  • oui, $(window).innerWidth() fonctionne très bien aussi dans IE8, merci
  • $(window).innerWidth() ne renvoie pas le même numéro que window.innerWidth si la barre de défilement verticale est visible sur la page.
InformationsquelleAutor antonjs | 2012-02-23
  1. 113

    La innerWidth est pris en charge par IE9 pas IE8, vous pouvez le faire insteaad:

    var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

    La ligne ci-dessus, vous obtiendrez la largeur de l'ei ainsi que d'autres un navigateur respectant les standards.

    Si vous utilisez jQuery, $(window).innerWidth() va vous donner le résultat souhaité dans tous les navigateurs trop.

    • $(window).innerWidth() ne renvoie pas le même numéro que window.innerWidth si la barre de défilement verticale est visible sur la page.
    • .innerWidth() n'est pas applicable à la fenêtre de document et les objets, comme mentionné dans la documentation de jquery. api.jquery.com/innerWidth "Cette méthode n'est pas applicable à la fenêtre de document et les objets; pour ces derniers, l'utilisation .largeur() à la place."
    • J'avais besoin de document.body.clientWidth même dans IE9 (caprices)
    • jQuery innerWidth() renvoie des valeurs incorrectes.
    InformationsquelleAutor Sarfraz
  2. 5

    Pour faire cela, j'ai toujours l'utiliser:

    window.innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
window.innerHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

    Mais à imiter le réel dom-getter prendre un coup d'oeil à ceci: https://stackoverflow.com/a/18136089/1250044

    InformationsquelleAutor yckart
  3. 4

    pour ie8 utilisation

    document.documentElement.clientWidth
    InformationsquelleAutor nicolas
  4. 4

    Je sais que le innerWidth peut-être pas tout à fait la même, mais getBoundingClientRect pourrait également être utilisé dans une fonction similaire:

    elem = document.documentElement.getBoundingClientRect();
width = elem.getBoundingClientRect().right - elem.getBoundingClientRect().left;
    InformationsquelleAutor Kyle Falconer
  5. 2

    Vous pouvez obtenir cette information à partir de IE 8 avec

    document.documentElement.clientWidth

    Être informé que cette valeur ne sera pas exactement la même que IE 9 retourne pour window.innerWidth.

    InformationsquelleAutor Jon
  6. 1

    Sans jQuery, vous pouvez essayer ce pour obtenir height et width

    var myWidth = 0, myHeight = 0;
if (typeof (window.innerWidth) == 'number') { //Chrome
     myWidth = window.innerWidth; 
     myHeight = window.innerHeight;
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
     myWidth = document.documentElement.clientWidth; 
     myHeight = document.documentElement.clientHeight;
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { //IE9
     myWidth = document.body.clientWidth; 
     myHeight = document.body.clientHeight;
}
    • Le commentaire "Chrome" est trompeuse, car cette propriété est prise en charge par tous les navigateurs modernes: developer.mozilla.org/en-US/docs/Web/API/... ... y compris IE9 qui rend le "else if" obsolètes.
    • Avez-vous lu la question? L'OP a demandé de code qui va travailler pour IE8
    • permettez-moi de reformuler "...qui en fait le deuxième "else if "obsolète".
    InformationsquelleAutor Amar Palsapure
  7. 0
    document.documentElement.clientWidth;

    ce est utilisé pour ie8 pour obtenir la largeur du client

    InformationsquelleAutor Kunal Vashist
  8. -1

    Veuillez noter: .innerWidth méthode n'est pas applicable à la fenêtre de document et les objets; pour ces derniers, l'utilisation .largeur() à la place.

    jquery documentation de l'api pour .innerwidth()

    • Je sais que c'est environ un an... mais l'OP n'est pas à l'aide de jQuery...
    InformationsquelleAutor icramc