JavaScript、jQuery获取屏幕宽度

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