zoukankan      html  css  js  c++  java
  • 《Javascript、jQuery获取各种屏幕的宽度和高度方法》

    Javascript获取屏幕宽度和高度方法:

    document.body.clientWidth; //网页可见区域宽
    document.body.clientHeight; //网页可见区域高
    document.body.offsetWidth; //网页可见区域宽(包括边线的宽)
    document.body.offsetHeight; //网页可见区域高(包括边线的高)
    document.body.scrollWidth; //网页正文全文宽
    document.body.scrollHeight; //网页正文全文高
    document.body.scrollTop; //网页被卷去的高
    document.body.scrollLeft; //网页被卷去的左
    window.screenTop; //网页正文部分上
    window.screenLeft; //网页正文部分左
    window.screen.height; //屏幕分辨率的高
    window.screen.width; //屏幕分辨率的宽
    window.screen.availHeight; //屏幕可用工作区高度
    window.screen.availWidth; //屏幕可用工作区宽度

    jquery获取屏幕宽度和高度方法:

    $(window).height(); //浏览器当前窗口可视区域高度
    $(document).height(); //浏览器当前窗口文档的高度
    $(document.body).height();//浏览器当前窗口文档body的高度
    $(document.body).outerHeight(true);//浏览器当前窗口文档body的总高度 包括border padding margin
    
    $(window).width(); //浏览器当前窗口可视区域宽度
    $(document).width();//浏览器当前窗口文档对象宽度
    $(document.body).width();//浏览器当前窗口文档body的宽度
    $(document.body).outerWidth(true);//浏览器当前窗口文档body的总宽度 包括border padding margin
  • 相关阅读:
    Django入门
    Python从入门到放弃
    Python中的元类(metaclass)
    蓝鲸gse启动失败
    VS2019添加微软ReportViewer
    DevExpress WinForms各版本与 .NET、Visual Studio 的版本兼容性
    SQL语句查询每个分组的前N条记录的实现方法
    如何查看Windows安装版本号
    学习webpack
    Python3.x将代码打包成exe程序并添加图标
  • 原文地址:https://www.cnblogs.com/likar/p/5537435.html
Copyright © 2011-2022 走看看