2011-05-03 12 views
8

आप इंटरनेट एक्सप्लोरर में खिड़की कैसे प्राप्त कर सकते हैं। धन्यवाद।इंटरनेट एक्सप्लोरर आंतरिक हाइट

+0

के संभावित डुप्लिकेट [? कैसे ब्राउज़र जावास्क्रिप्ट कोड का उपयोग कर चौड़ाई प्राप्त करने के लिए] (http://stackoverflow.com/questions/1038727/कैसे-टू-ब्राउजर-चौड़ाई-उपयोग-जावास्क्रिप्ट-कोड) –

उत्तर

7
window.getWinSize= function(){ 
    if(window.innerWidth!= undefined){ 
     return [window.innerWidth, window.innerHeight]; 
    } 
    else{ 
     var B= document.body, 
     D= document.documentElement; 
     return [Math.max(D.clientWidth, B.clientWidth), 
     Math.max(D.clientHeight, B.clientHeight)]; 
    } 
} 
+3

क्या यह 'Math.max() 'के बजाय' Math.min() 'नहीं होना चाहिए? कम से कम यह ऐसा व्यवहार प्रतीत होता है जिसे आप IE7 और ie8 में चाहते हैं। –

0

jQuery का उपयोग करने का सबसे आसान तरीका। Here's इस पर कुछ विस्तृत जानकारी।

1

यह IE9 में काम करता है:

document.body.clientHeight 
+3

आंतरिक हाइट आईई 9 में ठीक काम करता है। – kennebec

+0

मैं आईई 7 और आईई 8 में एक रास्ता तलाश रहा हूं। –

+0

क्षमा करें, इसका मतलब यह है कि इसे आईई 6 + में काम करना चाहिए। मैंने केवल आईई 9 में इसका परीक्षण किया। केनेबेक का समाधान निश्चित रूप से अधिक गहन है हालांकि मैंने व्यक्तिगत रूप से document.documentElement का उपयोग किया है। – Dan

1

एक सरल एक पंक्ति समाधान:

var WinHeight = window.innerHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight); 
0

IE9 में, window.innerHeight और document.body.clientHeight केवल काम करता है जब सामग्री दस्तावेज़ विंडो से अधिक है।

vw and vh सीएसएस गुणों का उपयोग करने के लिए एक विश्वसनीय समाधान है।

सीएसएस (आसान) तरीका:

/* foce the content to be at 100% with css */ 
html, body { 
    width: 100vw; 
    height: 100vh; 
} 

js रास्ता:

// make a fitted htmlelement and returns its size. 
var get_ie_size=function(){ 
    var domtest = document.createElement('div'); 
    domtest.style.display="block"; 
    domtest.style.width="100vw"; 
    domtest.style.height="100vh"; 
    document.body.appendChild(domtest); 
    var size = [domtest.offsetWidth,domtest.offsetHeight]; 
    document.body.removeChild(domtest); 
    return size; 
}; 
संबंधित मुद्दे