(共556篇)
全部分类

获取浏览器的位置和尺寸
[ JS基础 ] 

获取浏览器的位置和尺寸

BOM 提供了几个函数,可以获取浏览器在显示器中的位置和浏览器的尺寸

screenX 和 screenLeft

window.screenXwindow.screenLeft属性用来获取浏览器在显示器中距离显示器最左侧的距离

1
2
console.log("浏览器到显示器左侧的距离:", window.screenX);
console.log("浏览器到显示器左侧的距离:", window.screenLeft);

screenY 和 screenTop

window.screenYwindow.screenTop属性用来获取浏览器在显示器中距离显示器最顶部的距离

1
2
console.log("浏览器到显示器顶部的距离:", window.screenY);
console.log("浏览器到显示器顶部的距离:", window.screenTop);

早期的时候火狐浏览器不支持screenLeftscreenTop属性,而 IE 浏览器不支持screenXscreenY属性。现在已经都支持了。但是为了兼容早期的浏览器,获取浏览器位置的时候,可以这么写:

1
2
var windowLeft = window.screenX || window.screenLeft;
var windowTop = window.screenY || window.screenTop;

outerWidth 和 outerHeight

window.outerWidthwindow.outerOuter属性分别用来获取浏览器本身的宽度和高度

1
2
console.log("浏览器的宽度:", window.outerWidth);
console.log("浏览器的高度:", window.outerHeight);

innerWidth 和 innerHeight

window.innerWidthwindow.innerinner属性分别用来获取浏览器可视区域的宽度和高度

1
2
console.log("浏览器可视区域的宽度:", window.innerWidth);
console.log("浏览器可视区域的高度:", window.innerHeight);