दिलचस्प पोस्ट
"वस्तुओं का संग्रह आइटम स्रोत का उपयोग करने से पहले खाली होना चाहिए।" एंड्रॉइड में मैं एक टेक्स्ट फाइल कैसे पढ़ सकता हूं? मैं एक क्षैतिज सूची को कैसे उचित ठहराऊं? मैवेन 2 में मैन्युअल रूप से इंस्टॉल करने के लिए कैसे? क्या PHP सत्रों की मेरी समझ सही है? एक मौजूदा एमवीसी वेब अनुप्रयोग में वेब एपीआई जोड़ने के बाद 404 त्रुटि क्या पायथन में पैकेज / मॉड्यूल प्रबंधन प्रणाली है? संबंध के आधार पर एक रिकॉर्ड के विरुद्ध कई रिकॉर्ड कैसे प्राप्त करें? DOMContentLoaded और लोड घटनाओं के बीच का अंतर मेलिंग से पहले उपयोगकर्ता इनपुट को PHP में कैसे स्वीकृत करना है? किसी वैरिएबल में नामित जावास्क्रिप्ट फंक्शन कॉल करना एंड्रॉइड संवाद: शीर्षक बार निकाल रहा है क्या एंड्रॉइड पर अजगर चलाने का कोई तरीका है? सी # में दो या अधिक बाइट सरणियों को संयोजित करने का सर्वोत्तम तरीका एक आकस्मिक रूप से बड़ी संख्या के फैक्टरियल की गणना करें, सभी अंक दिखा

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

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

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

document.body.clientHeight; 

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

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

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

आप इस तरह से कुछ चाहते हैं, 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); });