获取屏幕、当前网页和浏览器窗口的大小。

Question

我怎么才能windowWidth, windowHeight, pageWidth, pageHeight, screenWidth, screenHeight, pageX, pageY, screenX, screenY哪种浏览器在所有主流浏览器中都能工作？

获取屏幕、当前网页和浏览器窗口的大小。

Answer 1

如果使用jQuery，可以使用jQuery方法获取窗口或文档的大小：$(window).height();   // returns height of browser viewport$(document).height(); // returns height of HTML document (same as pageHeight in screenshot)$(window).width();   // returns width of browser viewport$(document).width(); // returns width of HTML document (same as pageWidth in screenshot)对于屏幕大小，可以使用screen以下列方式初始化：screen.height;screen.width;

Answer 2

这里有你需要知道的一切：获取视图端口/窗口大小但简而言之：var w = window,     d = document,     e = d.documentElement,     g = d.getElementsByTagName('body')[0],     x = w.innerWidth || e.clientWidth || g.clientWidth,     y = w.innerHeight|| e.clientHeight|| g.clientHeight;alert(x + ' × ' + y);小提琴

Answer 3

这里有一个跨浏览器的解决方案JavaScript (来源):var width = window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var height = window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;