2014-05-08 14 views
5

विंडो की ऊंचाई मेरी ब्राउज़र विंडो के आकार के बजाय HTML दस्तावेज़ की लंबाई प्राप्त कर रही है।खिड़की की ऊंचाई प्राप्त करें?

क्या आप जानते हैं कि मैं कहां गलत हो रहा हूं?

यहाँ मेरी स्क्रिप्ट है:

$(document).ready(function() { 
      alert($(window).height()); 
    }); 

मैं भी जो मैं समस्याएं हो सकती हैं पढ़ा है मेरी दस्तावेज़ के शीर्ष पर है:

<!DOCTYPE html> 
+1

आप की जरूरत है 'Quirksmode.org पर clientHeight' – marekful

+2

[दो व्यूपोर्ट की एक कहानी] (http://www.quirksmode.org/mobile/viewports.html) एक अच्छा पढ़ा है। –

+0

@ ग्रेगबर्गार्ट ग्रेट लिंक, लेकिन ओपी उन अवधारणाओं को समझता है, 'jQuery.height() 'को ब्राउज़र विंडो की ऊंचाई सही ढंग से प्राप्त करना है, न कि HTML दस्तावेज़। –

उत्तर

10

window.innerHeight

$(document).ready(function() { 
    alert(window.innerHeight); 
}); 
+2

मैं $ (विंडो) का उपयोग क्यों नहीं कर सकता .height() – panthro

+1

दस्तावेज़ कहते हैं कि मैं कर सकता हूं: http://api.jquery.com/height/ – panthro

+0

आपको दोनों को करने में सक्षम होना चाहिए। अपने ब्राउज़र के अंदर कंसोल खोलें, और परीक्षण करें। ब्रोसर => "तत्व का निरीक्षण करें" => "कंसोल" टैब के अंदर राइट क्लिक करें। इसके अलावा "window.innerHeight" सादा जावास्क्रिप्ट है। –

-2

मुझे लगता है कि यह jQuery का पुराना संस्करण होना चाहिए जो छोटी है? 1.6.4 का उपयोग करना (सबसे पुराना jsfiddle समर्थन करता है), मुझे सही व्यवहार मिलता है। देखें JSFiddle

यदि आप इसे समझ नहीं सकते हैं, तो आप window.innerHeight का उपयोग कर सकते हैं, मैं केवल jQuery का उपयोग करने की कोशिश करता हूं यदि यह कम कोड लेता है, जो इस मामले में नहीं है।

div { 
    height: 2000px; 
} 
// onload 
alert($(window).height()); 
// outputs window height, not 2000 
+0

इस कारण मेरे कोड में कुछ और होना चाहिए। मैंने jquery को 1.6.4 में बदल दिया। इसके बारे में कुछ जानते हैं? – panthro

+0

@ पंथ्रो नहीं, लेकिन अगर आप हमें एक लिंक दे सकते हैं जो समस्या को पुन: उत्पन्न करता है, तो हम एक नज़र डाल सकते हैं। मैंने जो बेवकूफ दिखाया है वह ' 'का उपयोग कर रहा है, इसलिए यह समस्या नहीं है –

+0

@panthro क्या आप सुनिश्चित हैं कि HTML सिद्धांत पर आपकी कार्यप्रणाली घोषणा सबसे पहली बात है? साथ ही, jQuery के नवीनतम संस्करण को आज़माएं और https://groups.google.com/forum/#!topic/jquery-dev/AYhPpu0wj0A –

संबंधित मुद्दे