zoukankan      html  css  js  c++  java
  • 获取元素的宽高,左边距上边距

    jquery获取元素的所有宽高(包括内边距和外边距):
      width() - 返回元素的宽度。
      height() - 返回元素的高度。
      innerWidth() 方法返回元素的宽度(包括内边距)。
      innerHeight() 方法返回元素的高度(包括内边距)。
      outerWidth() 方法返回元素的宽度(包括内边距和边框)。
      outerHeight() 方法返回元素的高度(包括内边距和边框)。
      返回文档(HTML 文档)$(document).height()的高度
      返回窗口(浏览器视口)$(window).height()的高度

    获取页面某一元素的绝对X,Y坐标,可以用offset():
      var X = $(‘#DivID’).offset().top;
      var Y = $(‘#DivID’).offset().left;

    获取相对(父元素)位置:
      var X = $(‘#DivID’).position().top;
      var Y = $(‘#DivID’).position().left;

    window.innerWidth //除去菜单栏的窗口宽度
    window.innerHeight//除去菜单栏的窗口高度
    window.outerWidth//包括菜单栏的窗口宽度
    window.outerHeight//包括菜单栏的窗口宽度
    window.screen.height//电脑屏幕的高度
    window.screen.width//电脑屏幕的宽度
    window.screen.availHeight//电脑屏幕的可利用高度
    window.screen.availWidth//电脑屏幕的可利用宽度
    window.screenTop//浏览器距离屏幕的高度
    window.screenLeft//浏览器距离屏幕的宽度
    document.body.clientWidth//指元素的自身宽度(包括padding)
    document.body.clientHeight//指元素的自身的高度(包括padding)
    document.body.clientLeft//子级div内容位置到父级内容区域的宽度距离(即border值)
    document.body.clientTop//子级div内容位置到父级内容区域的高度距离(即border值)
    document.body.offsetWidth//指定元素的宽度(包括padding,border和内容)
    document.body.offsetHeight//指定元素的高度(包括padding,border和内容)
    document.body.offsetTop//距离父级元素的高度
    document.body.offsetLeft//距离父级元素的宽度
    document.body.scrollWidth//获取的是文档的宽度(当指定的宽度小于浏览器窗口的时候,为浏览器的宽度)
    document.body.scrollHeight//获取的是文档的高度(当指定的高度小于浏览器窗口的时候,为浏览器的高度)
    document.body.scrollTop//文档被滚动上去的时候(即滚动条往上滚动的距离)
    document.body.scrollLeft//文档被滚动右去的时候(即滚动条往右滚动的距离)

  • 相关阅读:
    Web前端开发的一点记录
    关于表情符号与UTF-8的探讨
    微信公众号H5游戏本地搭建环境和调试(花生壳+wampserver+微信公众号测试号)
    ES6下的数组去重
    关于JS数组循环删除元素出现下标不对的问题
    好资源收藏
    ftp 操作,支持断点续传或者继续下载。
    推荐 greenrobot eventbus,简化安卓开发,提高安卓维护性,优化安卓性能
    T4模板TextTemplatingFileGenerator和TextTemplatingFilePreprocessor区别
    .net使用FluentValidation进行服务端验证。
  • 原文地址:https://www.cnblogs.com/zjz666/p/11201157.html
Copyright © 2011-2022 走看看