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

  • 相关阅读:
    iphone 低版本渲染不出来内容的一种解决办法
    win10 安装flutter记录
    ElasticSearch操作实例大全---文档结构操作(2)
    .net 实现word、excel、ppt、pdf预览功能
    layer插件弹出显示圆角
    ElasticSearch操作实例大全---文档结构操作(1)
    uploadify实战操作(一)
    mcDropdown使用方法
    用datatable 读写xml 及追加数据到xml
    百度分享
  • 原文地址:https://www.cnblogs.com/gzbnet/p/3190964.html
Copyright © 2011-2022 走看看