मैं Prototype.js का उपयोग कर ब्राउज़र विंडो के आकार कैसे प्राप्त करूं?

वोट
12

मैं Prototype.js संस्करण 1.6.0.3 का उपयोग कर ब्राउज़र विंडो के आकार कैसे प्राप्त करूं?

07/05/2009 को 10:32
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


4 जवाब

वोट
21

प्रोटोटाइप एपीआई के अनुसार प्रलेखन :

var viewport = document.viewport.getDimensions(); // Gets the viewport as an object literal
var width = viewport.width; // Usable window width
var height = viewport.height; // Usable window height
07/05/2009 को 10:52
का स्रोत उपयोगकर्ता

वोट
4

यह मेरा समाधान है कि फ़ायरफ़ॉक्स में वेब डेवलपर उपकरण पट्टी के रूप में एक ही मान देता है।

var WindowSize = Class.create({
    width: function()
    {
        var myWidth = 0;
        if (typeof(window.innerWidth) == 'number')
        {
            //Non-IE
            myWidth = window.innerWidth;
        }
        else if (document.documentElement && document.documentElement.clientWidth)
        {
            //IE 6+ in 'standards compliant mode'
            myWidth = document.documentElement.clientWidth;
        }
        else if (document.body && document.body.clientWidth)
        {
            //IE 4 compatible
            myWidth = document.body.clientWidth;
        }
        return myWidth;
    },
    height: function()
    {
        var myHeight = 0;
        if (typeof(window.innerHeight) == 'number')
        {
            //Non-IE
            myHeight = window.innerHeight;
        }
        else if (document.documentElement && document.documentElement.clientHeight)
        {
            //IE 6+ in 'standards compliant mode'
            myHeight = document.documentElement.clientHeight;
        }
        else if (document.body && document.body.clientHeight)
        {
            //IE 4 compatible
            myHeight = document.body.clientHeight;
        }
        return myHeight;
    }
});
07/05/2009 को 11:22
का स्रोत उपयोगकर्ता

वोट
8

और एक ही विचार है, लेकिन अधिक कॉम्पैक्ट:

var WindowSize = Class.create({
    width: window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth),
    height: window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight)
});
21/09/2010 को 22:24
का स्रोत उपयोगकर्ता

वोट
2

यह सब आधुनिक ब्राउज़र और IE6 + पर काम करता है:

var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;

एक सही Doctype की आवश्यकता है

18/03/2013 को 11:56
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more