jquery获取当前浏览器可视区域宽度方法:
$(window).width()
jquery获取当前浏览器可视区域高度方法:
$(window).height()
浏览器窗口发生大小的时候发生的事件:resize()
用法:
$(window).resize(function () {
console.log($(window).width()); // 浏览器窗口大小改变时,获取浏览器窗口可视区域的大小
})
原生JavaScript获取浏览器窗口宽度、高度
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
console.log("宽度为:" + w + "高度为:" + h);
- window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
- window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
- Internet Explorer 8、7、6、5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- 或者
- document.body.clientHeight
- document.body.clientWidth