十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域,仅为页面呈现区域)的高度和宽度
专注于为中小企业提供成都做网站、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业广信免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了超过千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
宽度:document.documentElement.clientWidth
高度:document.documentElement.clientHeight
文档类型:XHTML1.0
浏览器:ALL
jQuery的api文档中有列出来,获取网页的滚动高度用方法:scrollTop() 即可。注意:要获取网页的滚动高度,兼容所有浏览器的写法是获取window对象然后调用scrollTop()函数。简单示例:alert($(window).scrollTop());jQuery的api文档目录翻译见:
$(window)是jquery 对象, 加.height() 也是就是获取窗口高度
同理,如果你想获取某个div的高度可以使用
var divHeight = $("div").height();
/*或者*/
var divHeight = $("div")[0].offsetHeight;
$("div")是jquery对象,$("div")[0] 或者 $("div").get(0)是dom对象
但是在开发中会有很多坑 这点你得注意
如果 当前的 元素是 隐藏状态 display : none
那你是无法通过上述方法和获取宽高的 ,所以在开发中如果没有获取到宽高,就要留意上面的代码在执行的时候 该元素是不是在隐藏状态
如果你想把 屏幕的高度 赋值给div
$("div").height(winHeight)
// 或者
$("div")[0].offsetHeight = winHeight