跨浏览器获取位置

var leftX = typeof window.screenLeft == 'number' ? window.screenLeft : window.screenX;
var topY = typeof window.screenTop == 'number' ? window.screenTop : window.screenY;

firefox浏览器不支持screenLeft和scrennTop,但是支持screenX和screenY;ie浏览器支持screenLeft和scrennTop,但是不支持screenX和screenY
跨浏览器获取大小

var width = window.innerWidth;      //window.必须有,因为IE不支持
var height = window.innerHeight;        //如果支持inner的,那么就使用它,//不支持的就是用document对象的方法if (typeof width != 'number') {if (document.compatMode == 'CSS1Compat') {width = document.documentElement.clientWidth; //标准ieheight = document.documentElement.clientHeight;} else {   //非标准iewidth = document.body.clientWidth;    height = document.body.clientHeight;}
}

跨浏览器用javascript获取窗口的位置和大小相关推荐

  1. javascript获取窗口位置、绝对位置、事件位置等

    有段时间没更新博客了,工作实在太忙了,加班加班再加班就是我们这个行业的常态吧...还好最近把工作进度完成了,终于有些空余时间了.关于<Javascript高级程序设计>系列,我并没有弃坑, ...

  2. 原生js--兼容获取窗口滚动条位置和窗口大小的方法

    各个浏览器对获取获取窗口滚动条位置和窗口大小没有提供统一的API,以下是对其封装,解决兼容性问题 /**  * 获取浏览器视口的大小(显示文档的部分)  *  */ function getViewP ...

  3. winy 计算机没桌面,批处理文件如何运行程序并设置窗口的位置和大小?

    使用一些帮助程序和批处理文件完全解决了这个问题 我有两个解决方案;一台用于单台监控计算机,另一台用于多台监控计算机. 解决方案1:对于单个监视器计算机 此演示批处理文件将并排打开两个资源管理器窗口,并 ...

  4. MOVEWINDOW改变指定窗口的位置和大小

    MoveWindow VB声明 Declare Function MoveWindow Lib "user32" Alias "MoveWindow" (ByV ...

  5. javascript获取窗口和div位置

    1 事件获取 事件的位置主要涉及clientX,clientY,screenX,screenY,offsetX,offsetY . 1.1offsetX,offsetY 鼠标相对于事件源元素(srcE ...

  6. Javascript获取页面、屏幕尺寸大小参数

    Javascript获取获取屏幕.浏览器窗口 ,浏览器,网页高度.宽度的大小 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clien ...

  7. QT5 获取窗口、系统屏幕大小尺寸信息,Qt 获取控件位置坐标,屏幕坐标,相对父窗体坐标

    一.QT5 获取窗口大小尺寸信息 QT窗口尺寸,窗口大小和大小改变引起的事件 QResizeEvent. //窗口左上角的位置(含边框)qDebug() << this->frame ...

  8. JavaScript获取DOM元素位置和尺寸大小

    在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽略的一部分,要想写出预想效果的JavaScript ...

  9. html浏览器宽度,JavaScript获取浏览器、元素、屏幕的宽高尺寸

    版权声明 转载请告知并注明来源作者 作者:唐金健 网络昵称:御焱 掘金知乎思否专栏:优雅的前端 前言 有时候在获取浏览器.元素.屏幕的尺寸,傻傻分不清.为了让自己清晰认识,能够快速确定自己需要哪个属性 ...

最新文章

  1. 633. Sum of Square Numbers
  2. springboot中下面哪一个作为jpa默认实现_35个超高频SpringBoot知识点(附解析),别怪我没给你机会收藏...
  3. [NTU-Machine-learning-note]1 Introduction(2)
  4. mysql重置auto_increment字段
  5. C++实现topological sort拓扑排序算法(附完整源码)
  6. DotNet(C#)自定义运行时窗体设计器 一
  7. python测试4_Python 各种测试框架简介(四):pytest
  8. 一个类GraphQL的ORM数据访问框架发布
  9. if condition 大于_EXCEL中IF函数由浅入深实例分析
  10. LeetCode62 Unique Paths
  11. webdriver 等待页面加载完成_Python爬虫,登陆神器Selenium等待(waits)页面加载的三种方法...
  12. 企业为什么要做高端网站优化呢?
  13. Python知识点之Python进阶
  14. 设计模式-建造者模式(Builder)2种实现方式(经典Builder模式、链式Builder模式)
  15. 12款响应式 Lightbox(灯箱)效果插件
  16. acme申请证书报错:Please update your account with an email address first.的修复方法
  17. 解决 button 的背景图片被拉伸
  18. 二进制拆弹(20181023-20181026)
  19. Unity Shader - Shader Compilation Target Levels 着色器编译目标级别
  20. 大学物理实验计算机仿真 光电效应,大学物理实验报告模版

热门文章

  1. libtorch和torchvision的编译安装
  2. 常见三种存储方式DAS、NAS、SAN的架构及比较
  3. 渗透测试入门13之渗透测试流程
  4. linux 脚本在哪里编写,Linux 脚本编写基础(一)
  5. div 重新加载_JS之 加载模糊文本动画
  6. (一二〇)CALayer的一些特性
  7. 【原创翻译】生动详细解释javascript的冒泡和捕获,包懂包会
  8. 解决vue-cli插件下载慢的问题
  9. Azure DevOps Server (TFS) 代码库Repo管理培训
  10. 机器学习--01建立开发集与训练集