• 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

  • 相关阅读:
    FPGA学习之基本结构
    凸优化和机器学习
    第6篇如何访问pod
    吉日嘎拉DotNet.BusinessV4.2中的一处bug,及我的修复和扩展
    吉日嘎拉C#快速开发平台V4.0到V4.2升级记
    布隆过滤器简介及实现-----源自数学之美
    poj [1753]
    Zookeeper Hello World
    获取用户真实IP,php实现
    mysql中engine=innodb和engine=myisam的区别
  • 原文地址:https://www.cnblogs.com/gzbnet/p/3190964.html
Copyright © 2020-2023  润新知