PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:jquery获取浏览器的各种高度总结,现在才发现以前用js获取这些数据是多么的麻烦,jquery一句话就搞定了还把各浏览器的兼容性问题也给解决了
    jquery获取浏览器的各种高度总结,现在才发现以前用js获取这些数据是多么的麻烦,jquery一句话就搞定了还把各浏览器的兼容性问题也给解决了。
     
    alert($(window).height()); //浏览器时下窗口可视区域高度
     alert($(document).height()); //浏览器时下窗口文档的高度
     alert($(document.body).height());//浏览器时下窗口文档body的高度
     alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
     alert($(window).width()); //浏览器时下窗口可视区域宽度
     alert($(document).width());//浏览器时下窗口文档对于象宽度
     alert($(document.body).width());//浏览器时下窗口文档body的高度
     alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
     
    alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
     alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
     
    本文转载自: PHP程序员笔记(http://www.phpernote.com/)
    详细出处参考:http://www.phpernote.com/jquery/946.html
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-58-1.html