zoukankan      html  css  js  c++  java
  • Js中常用的宽度、高度

      经常使用放大缩小功能,各种宽度和高度就常被用到。

    1 显示器分辨率宽度 window.screen.width
    
    2 显示器分辨率高度 window.screen.height
    
    3 显示器可用工作区宽度=显示器分辨率宽度-左边任务栏宽度 window.screen.availWidth
    
    4 显示器可用工作区高度=显示器分辨率高度-下边任务栏高度 window.screen.availHeight
    
    5 获得用于该元素具体的定位信息 
    
    /// <summary>
    /// 1: jQueryExtension.Window.Document.Element.Position(Properties) - 获得用于该元素具体的定位信息。
    /// </summary>
    /// <param name="Properties" type="Options">
    /// 一组用于默认配置的键/值对。
    /// 1: Selector: null - (选择器)需要获取定位信息的元素。
    /// </param>
    ///    <returns type="object" />
    
    function GetPosition(Selector) {
    var SelectorJQ = $(Selector);
    var Position = {};
    
    if (SelectorJQ.length > 0) {
    var position = SelectorJQ.position();
    Position.RelativeTop = position.top;
    Position.RelativeLeft = position.left;
    
    var offset = SelectorJQ.offset();
    Position.AbsoluteTop = offset.top;
    Position.AbsoluteLeft = offset.left;
    
    };
    
    return Position;
    }
    
    6 鼠标位置
    
    function mousePos(e){
    var x,y;
    var e = e||window.event;
    return {
    x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
    y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop
    };
    };
     
    View Code

       加两个浏览器的宽度和高度

    浏览器的宽度:$(window).width()
    浏览器的高度:$(window).height()
    View Code

       鼠标位置

    e.PageX  e.PageY

  • 相关阅读:
    springboot实现redis的分布式锁
    剑指offer--二维数组中查找
    剑指offer--二维数组中查找
    对JDK动态代理的模拟实现
    Spring(4)AOP
    设计模式之单例模式(Java)
    【Java并发系列】--Java内存模型
    maven 解决jar包冲突及简单使用
    基于注解的SpringAOP源码解析(三)
    Java代码中可以优化性能的小细节
  • 原文地址:https://www.cnblogs.com/gzbnet/p/3190964.html
Copyright © 2011-2022 走看看