如何使用 Prototype.js 获取浏览器窗口的大小? [英] How do I get the size of the browser window using Prototype.js?

问题描述

如何使用 Prototype.js 1.6.0.3 版获取浏览器窗口的大小?

How do I get the size of the browser window using Prototype.js version 1.6.0.3?

推荐答案

这是我的解决方案，它提供与 Firefox 中的 Web Developer 工具栏相同的值.

This is my solution that gives the same values as the Web Developer toolbar in Firefox.

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;
    }
});

这篇关于如何使用 Prototype.js 获取浏览器窗口的大小?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！