How Do I Get innerWidth trong Internet Explorer 8

Question

Trong tất cả các trình duyệt gần đây:

window.innerWidth // 1920 

Trong Internet Explorer 8

window.innerWidth // undefined 

cách tốt nhất để có được giá trị này trong IE8 là gì?

Answer 1

Các innerWidth được hỗ trợ bởi IE9 không IE8, bạn có thể làm insteaad này:

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

Dòng trên sẽ giúp bạn có được chiều rộng từ IE cũng như các trình duyệt tiêu chuẩn phù hợp khác.

---

Nếu bạn sử dụng jQuery, $(window).innerWidth() cũng sẽ cung cấp cho bạn kết quả mong muốn trong tất cả các trình duyệt.

Answer 2

Bạn có thể lấy thông tin này từ IE 8 với

document.documentElement.clientWidth 

Xin lưu ý rằng giá trị này sẽ không hoàn toàn giống nhau rằng IE 9 lợi nhuận cho window.innerWidth.

Answer 3

Without jQuery bạn có thể thử này để có được height và 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; 
} 

Answer 4

document.documentElement.clientWidth; 

này được sử dụng cho IE8 để có được những khách hàng rộng

Answer 5

cho ie8 sử dụng

document.documentElement.clientWidth 

Answer 6

Hãy Lưu ý: Phương thức .innerWidth không áp dụng cho các đối tượng cửa sổ và tài liệu; cho những cái này, sử dụng .width() thay thế.

jquery api documentation for .innerwidth()

Answer 7

Đối với việc này, tôi vẫn còn sử dụng:

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

Tuy nhiên, để bắt chước thực dom-getter hãy xem này: https://stackoverflow.com/a/18136089/1250044

Answer 8

Tôi biết rằng innerWidth có thể không khá giống nhau, nhưng cũng có thể sử dụng getBoundingClientRect với công suất tương tự:

elem = document.documentElement.getBoundingClientRect(); 
width = elem.getBoundingClientRect().right - elem.getBoundingClientRect().left;