javascript - Getting the widthheight of the entire browser in IE? - Stack Overflow

admin管理员组

文章数量:1278978

Does anybody here know what the Javascript call is to get the width/height of the entire browser window (including nav, menu, etc?)

I know there is outerWidth, outerHeight in FF, Safari and other browsers.

Does anybody here know what the Javascript call is to get the width/height of the entire browser window (including nav, menu, etc?)

I know there is outerWidth, outerHeight in FF, Safari and other browsers.

• javascript
• internet-explorer

Share Improve this question Follow edited Dec 1, 2010 at 5:29 slugster 50k1414 gold badges102102 silver badges148148 bronze badges asked Jun 25, 2009 at 17:01 Robert PasbaniRobert Pasbani

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 3

This also could be helpful, depending on what exactly you're trying to acplish:

window.moveTo(0,0); window.resizeTo(screen.width,screen.height); var navButtonsEtcHeight = screen.height - window.innerHeight; var navButtonsEtcWidth = screen.width - window.innerWidth;

Note: For browser-independent solution to "window.innerHeight" support, see this link

Then you have the answer you're looking for -- mind you, with the downside of the non-fullscreen user seeing their window bounce around the screen first.

It's a variation of DreadPirateShawn's answer. Tested on IE7 and Chrome8. Originally appearing on Experts Exchange.

function getWindowSize() {
    var wW, wH;
    if (window.outerWidth) {
        wW = window.outerWidth;
        wH = window.outerHeight;
    } else {
        var cW = document.body.offsetWidth;
        var cH = document.body.offsetHeight;
        window.resizeTo(500,500);
        var barsW = 500 - document.body.offsetWidth;
        var barsH = 500 - document.body.offsetHeight;
        wW = barsW + cW;
        wH = barsH + cH;
        window.resizeTo(wW,wH);
    }
    return { width: wW, height: wH };
}

I don't think it is possible.

It might be worth reviewing Chapter 14 of O'Reilly's: JavaScript - The Definitive Guide, particularly section 14.3.1.

I believe this is what you want

document.body.offsetWidth
document.body.offsetHeight

I think you can use

width: window.outerWidth
height: window.outerHeight

you can use jquery so it wont be undefined in ie. You might try and figure out there screen size first and then using the dimensions of the browser figure out the precise size.

doc: http://docs.jquery./Plugins/dimensions/outerHeight

本文标签： javascriptGetting the widthheight of the entire browser in IEStack Overflow