zoukankan      html  css  js  c++  java
  • 获取浏览器的宽高:

    angular 获取浏览器的宽高:

    $window.innerWidth;         //浏览器的宽

    $window.innerHeight;        //浏览器的高

    jquery $ jqlite 获取鼠标相对于浏览器左上角的距离:

    e.pageX;                //鼠标相对于浏览器左上角的left

    e.pageY;               //鼠标相对于浏览器左上角的top

    原生获取元素相对于页面左上角的距离:

    ele.offsetLeft;                 //元素相对于页面左上角的left

    ele.offsetTop;                 //元素相对于页面左上角的top

    原生获取元素的宽高:

    ele.offsetWidth;       //元素的宽,会包括padding和border

    ele.offsetHeight;       //元素的高,会包括padding和border 

    jquery 获取浏览器的宽高:

    $(window).width()              //浏览器的宽度

    $(window).height()             //浏览器的高度

    原生获取浏览器可用区域的高度(不包括顶部的导航条,工具栏,也不包括f12调试工具什么的):

    chrome里:

    document.documentElement.clientHeight               //浏览器页面可用区域的高度

    document.documentElement.clientWidth                //浏览器页面可用区域的宽度

    心怀梦想,勿忘初心
  • 相关阅读:
    学习规划
    一位十年的老司机告诉你什么是编程思想
    React开发
    一个简单的ipfs音乐播放器的实现
    React错误总结(三)
    React错误总结解决方案(二)
    mongoid模糊查询
    Rails accepts_nested_attributes_for表单嵌套的利器
    route_path
    "constantize" and "with_indifferent_access" method
  • 原文地址:https://www.cnblogs.com/qshting/p/4911654.html
Copyright © 2011-2022 走看看