跨浏览器用javascript获取窗口的位置和大小
跨浏览器获取位置
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获取窗口的位置和大小相关推荐
- javascript获取窗口位置、绝对位置、事件位置等
有段时间没更新博客了,工作实在太忙了,加班加班再加班就是我们这个行业的常态吧...还好最近把工作进度完成了,终于有些空余时间了.关于<Javascript高级程序设计>系列,我并没有弃坑, ...
- 原生js--兼容获取窗口滚动条位置和窗口大小的方法
各个浏览器对获取获取窗口滚动条位置和窗口大小没有提供统一的API,以下是对其封装,解决兼容性问题 /** * 获取浏览器视口的大小(显示文档的部分) * */ function getViewP ...
- winy 计算机没桌面,批处理文件如何运行程序并设置窗口的位置和大小?
使用一些帮助程序和批处理文件完全解决了这个问题 我有两个解决方案;一台用于单台监控计算机,另一台用于多台监控计算机. 解决方案1:对于单个监视器计算机 此演示批处理文件将并排打开两个资源管理器窗口,并 ...
- MOVEWINDOW改变指定窗口的位置和大小
MoveWindow VB声明 Declare Function MoveWindow Lib "user32" Alias "MoveWindow" (ByV ...
- javascript获取窗口和div位置
1 事件获取 事件的位置主要涉及clientX,clientY,screenX,screenY,offsetX,offsetY . 1.1offsetX,offsetY 鼠标相对于事件源元素(srcE ...
- Javascript获取页面、屏幕尺寸大小参数
Javascript获取获取屏幕.浏览器窗口 ,浏览器,网页高度.宽度的大小 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clien ...
- QT5 获取窗口、系统屏幕大小尺寸信息,Qt 获取控件位置坐标,屏幕坐标,相对父窗体坐标
一.QT5 获取窗口大小尺寸信息 QT窗口尺寸,窗口大小和大小改变引起的事件 QResizeEvent. //窗口左上角的位置(含边框)qDebug() << this->frame ...
- JavaScript获取DOM元素位置和尺寸大小
在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽略的一部分,要想写出预想效果的JavaScript ...
- html浏览器宽度,JavaScript获取浏览器、元素、屏幕的宽高尺寸
版权声明 转载请告知并注明来源作者 作者:唐金健 网络昵称:御焱 掘金知乎思否专栏:优雅的前端 前言 有时候在获取浏览器.元素.屏幕的尺寸,傻傻分不清.为了让自己清晰认识,能够快速确定自己需要哪个属性 ...
最新文章
- 633. Sum of Square Numbers
- springboot中下面哪一个作为jpa默认实现_35个超高频SpringBoot知识点(附解析),别怪我没给你机会收藏...
- [NTU-Machine-learning-note]1 Introduction(2)
- mysql重置auto_increment字段
- C++实现topological sort拓扑排序算法(附完整源码)
- DotNet(C#)自定义运行时窗体设计器 一
- python测试4_Python 各种测试框架简介(四):pytest
- 一个类GraphQL的ORM数据访问框架发布
- if condition 大于_EXCEL中IF函数由浅入深实例分析
- LeetCode62 Unique Paths
- webdriver 等待页面加载完成_Python爬虫,登陆神器Selenium等待(waits)页面加载的三种方法...
- 企业为什么要做高端网站优化呢?
- Python知识点之Python进阶
- 设计模式-建造者模式(Builder)2种实现方式(经典Builder模式、链式Builder模式)
- 12款响应式 Lightbox(灯箱)效果插件
- acme申请证书报错:Please update your account with an email address first.的修复方法
- 解决 button 的背景图片被拉伸
- 二进制拆弹(20181023-20181026)
- Unity Shader - Shader Compilation Target Levels 着色器编译目标级别
- 大学物理实验计算机仿真 光电效应,大学物理实验报告模版