概述
在获取浏览器宽度的时候，许多时候需要考虑滚动条的存在。
一般情况作为前端获取浏览器宽度，主要是指获取body的宽度，可操作的可视范围宽度。
一、使用JQuery获取浏览器宽度
重点，jquery获取的宽度=浏览器的可视宽度-滚动条的宽度（如果有滚动条）
//JQuery 获取浏览器宽度 ：浏览器的可视宽度-滚动条的宽度(如果出现垂直方向滚动条)
var winWidth = $(window).width();
二、使用Js 获取浏览器宽度
● window.outerWidth： 浏览器宽度，包含了浏览器边框所以这种方式不常用。
● window.outerHeight： 浏览器高度
● window.innerWidth： 浏览器内页面可用宽度，此宽度包含了垂直滚动条的宽度(若存在)。
● window.innerHeight： 浏览器内页面可用高度，此高度包含了水平滚动条的高度(若存在)。
从window.resize 事件中获取浏览器宽度：
$(window).resize(function (e) {
//var innerWidth = e.currentTarget.innerWidth;
var innerWidth = window.innerWidth;
最后
以上就是乐观荷花为你收集整理的js获取浏览器宽度高度（整理）的全部内容，希望文章能够帮你解决js获取浏览器宽度高度（整理）所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复