दस्तावेज़ आकार एक ब्राउज़र संगतता दुःस्वप्न हैं, क्योंकि सभी ब्राउज़र क्लाइंटहाइट और स्क्रॉलहाइट गुणों को उजागर करते हैं, वे सभी इस बात से सहमत नहीं हैं कि मूल्यों की गणना कैसे की जाती है।
आप सही ऊँचाई / चौड़ाई का परीक्षण कैसे करते हैं, इसके लिए एक जटिल सर्वोत्तम अभ्यास सूत्र हुआ करता था। इसमें डॉक्यूमेंट / फ्रेंडलीमेंटमेंट प्रॉपर्टी का उपयोग करना शामिल है, यदि उपलब्ध है या डॉक्यूमेंट प्रॉपर्टी पर वापस गिर रहा है।
सही ऊँचाई प्राप्त करने का सबसे सरल तरीका यह है कि दस्तावेज़, या डॉक्यूमेंटईमेंट पर पाए गए सभी ऊँचाई के मान प्राप्त करें और उच्चतम का उपयोग करें। यह मूल रूप से jQuery क्या करता है:
var body = document.body,
html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight,
html.clientHeight, html.scrollHeight, html.offsetHeight );
फायरबग + jQuery बुकमार्कलेट के साथ एक त्वरित परीक्षण दोनों उद्धृत पृष्ठों के लिए सही ऊंचाई देता है, और इसलिए कोड उदाहरण देता है।
ध्यान दें कि दस्तावेज़ तैयार होने से पहले दस्तावेज़ की ऊँचाई का परीक्षण करने का परिणाम हमेशा 0. होगा। इसके अलावा, यदि आप अधिक सामान लोड करते हैं, या उपयोगकर्ता विंडो का आकार बदलता है, तो आपको फिर से परीक्षण करने की आवश्यकता हो सकती है। यदि आपको लोड समय पर इसकी आवश्यकता है, तो दस्तावेज़ का उपयोग करें onload
या दस्तावेज़ तैयार करें , अन्यथा जब भी आपको नंबर की आवश्यकता हो तो परीक्षण करें।