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
  • 相关阅读:
    点击事件
    php if语句判定my查询是否为空
    php if语句判定ms查询是否为空
    thinkphp 原生sql使用分页类
    从JAVA客户端访问Redis示例(入门)
    Log4j日志级别
    网页正文抽取(包含提取图片)
    网络爬虫基本原理
    Java中替换HTML标签的方法代码
    Java/Js下使用正则表达式匹配嵌套Html标签
  • 原文地址:https://www.cnblogs.com/likar/p/5537435.html
Copyright © 2011-2022 走看看