दिलचस्प पोस्ट
20 प्रश्न ए एल्गोरिदम कैसे काम करते हैं? सी / सी ++ में WinHTTP के साथ एक फाइल कैसे डाउनलोड करें? एक्सकोड 7, आईओएस 9 के साथ एक प्रोजेक्ट को चलाते समय "एप्लिकेशन विंडो में एप्लिकेशन लॉन्च के अंत में एक रूट व्यू नियंत्रक होने की संभावना है" क्या सी # कोडिंग मानकों / सर्वोत्तम अभ्यास दस्तावेजों के विकास के लिए कोई सुझाव हैं? VBA कोड का उपयोग Excel 2003 में छवि के रूप में एक्सेल कार्यपत्रकों को कैसे निर्यात करें? RestSharp JSON पैरामीटर पोस्टिंग एंड्रॉइड क्विक एक्शन आईआई पैटर्न PHP में पेज रीडायरेक्ट के बाद सत्र खो गया आप एचटीएमएल 5 फॉर्म सत्यापन संदेश कैसे शैली करते हैं? कैसे जावा में एक विधि कॉल करने के लिए? हेडर प्रति स्रोत फ़ाइल पुस्तकालय पथ की वरीयता निर्दिष्ट करने के लिए कैसे? स्पष्ट नियंत्रण उन्हें निपटान नहीं करता – जोखिम क्या है? कैसे jsp में एक छवि प्रदर्शित करने के लिए? त्रुटि: निर्भरता के साथ संघर्ष 'com.google.code.findbugs: jsr305'

जावास्क्रिप्ट – ब्राउज़र ऊंचाई प्राप्त करें

ब्राउज़र विंडो के भीतर देखने योग्य क्षेत्र की ऊंचाई प्राप्त करने के लिए मैं कोड स्निपेट की तलाश कर रहा हूं।

मुझे यह कोड था, हालांकि यह कुछ हद तक बग़लबद्ध है जैसे कि शरीर खिड़की की ऊँचाई से अधिक नहीं है, फिर यह वापस आता है।

document.body.clientHeight; 

मैंने कुछ अन्य चीजों की कोशिश की है लेकिन वे या तो एनएएन या इसके बाद के संस्करण की ऊंचाई को वापस करते हैं।

क्या किसी को पता है कि ब्राउज़िंग खिड़की की असली ऊंचाई कैसे प्राप्त करें?

Solutions Collecting From Web of "जावास्क्रिप्ट – ब्राउज़र ऊंचाई प्राप्त करें"

आप इस तरह से कुछ चाहते हैं, http://www.howtocreate.co.uk/tutorials/javascript/browserwindow से लिया

 function alertSize() { var myWidth = 0, myHeight = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } window.alert( 'Width = ' + myWidth ); window.alert( 'Height = ' + myHeight ); } 

इसलिए कि आधुनिक ब्राउज़रों के लिए innerHeight , documentElement.clientHeight body.clientHeight IE के लिए, body.clientHeight नापसंद / quirks के लिए

Jquery का उपयोग करने का प्रयास करें:

 window_size = $(window).height(); 

आप window.innerHeight उपयोग कर सकते हैं

जिस तरह से मैं ऐसा करना पसंद करता हूं वह इस तरह एक टर्नरी असाइनमेंट के साथ है।

  var width = isNaN(window.innerWidth) ? window.clientWidth : window.innerWidth; var height = isNaN(window.innerHeight) ? window.clientHeight : window.innerHeight; 

मैं बता सकता हूं कि यदि आप इसे वैश्विक संदर्भ में चलाते हैं तो उस बिंदु से आप खिड़की का इस्तेमाल कर सकते हैं। ऊँचाई और खिड़की। चौड़ाई

IE और अन्य ब्राउज़रों पर काम करता है जहाँ तक मुझे पता है (मैंने इसे केवल IE11 पर परीक्षण किया है)।

सुपर साफ और, अगर मैं गलत नहीं हूँ, कुशल।

अगर बयानों की एक पूरी गुच्छा की तुलना में यह आसान तरीका है या (||) ऑपरेटर का उपयोग करें

 function getBrowserDimensions() { return { width: (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth), height: (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight) }; } var browser_dims = getBrowserDimensions(); alert("Width = " + browser_dims.width + "\nHeight = " + browser_dims.height); 

यह भी काम करना चाहिए सबसे पहले पूर्ण स्थिति और 100% ऊँचाई के साथ एक पूर्ण div तत्व बनाएं:

 <div id="h" style="position:absolute;top:0;bottom:0;"></div> 

फिर, offsetHeight माध्यम से उस तत्व से विंडो ऊँचाई प्राप्त करें

 var winHeight = document.getElementById('h').offsetHeight; 

मैं जिस तरह से अभी पता लगा रहा हूं … कोई जे एस … 100% एचटीएमएल और सीएसएस:

(यह कंटेंट साइज की परवाह किए बिना, मध्य में पूरी तरह से केंद्र में स्थित होगा।

HTML फ़ाइल

 <html><head> <link href="jane.css" rel="stylesheet" /> </head> <body> <table id="container"> <tr> <td id="centerpiece"> 123 </td></tr></table> </body></html> 

सीएसएस फ़ाइल

 #container{ border:0; width:100%; height:100%; } #centerpiece{ vertical-align:middle; text-align:center; } 

टीडी के भीतर आयोजित छवियों / डिवीज़ के लिए, आप मार्जिन की कोशिश कर सकते हैं: ऑटो; और इसके बजाय एक div आयाम निर्दिष्ट करें – हालांकि, कह रही है कि … 'टेक्स्ट-संरेखित' संपत्ति केवल एक सरल पाठ तत्व की तुलना में बहुत अधिक संरेखित होगी।

यदि jQuery एक विकल्प नहीं है तो जावास्क्रिप्ट वर्जन।

window.screen.availHeight

 var winWidth = window.screen.width; var winHeight = window.screen.height; document.write(winWidth, winHeight); 

JQuery के साथ आप इस $(window).innerHeight() कोशिश कर सकते $(window).innerHeight() (Chrome, FF और IE पर मेरे लिए काम करता है) बूटस्ट्रैप मोडल के साथ मैं निम्नलिखित की तरह कुछ इस्तेमाल किया;

 $('#YourModal').on('show.bs.modal', function () { $('.modal-body').css('height', $(window).innerHeight() * 0.7); });