文档章节

坐标大全

yongu
 yongu
发布于 2015/04/10 18:26
字数 581
阅读 9
收藏 0
点赞 0
评论 0

IE(以下只支持IE浏览器)

IE(用来求相对父亲坐标的偏移位置)

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标 

IE(相对浏览器\窗口)

event.clientX 相对浏览器\窗口的水平坐标

event.clientY 相对浏览器\窗口的垂直坐标

IE(相对浏览器\窗口,只支持IE 9+IE 5678都不支持)

event.pageX  相对浏览器\窗口的水平坐标e.pageX  其他浏览器也支持)

event.pageY  相对浏览器\窗口的垂直坐标e.pageY  其他浏览器也支持)

IE(相对显示器屏幕)

event.screenX  相对显示器屏幕的水平坐标e.screenX其他浏览器也支持)

event.screenY   相对显示器屏幕的垂直坐标e.screenY其他浏览器也支持)

IE(滚动条的位置)

document.body.scrollTop  滚动条的高(苹果window.pageXOffset,火狐document.documentElement.scrollTop

document.body.scrollLeft  滚动条(苹果window.pageYOffset,火狐document.documentElement.scrollLeft  

IE(窗口\浏览器相对于屏幕的坐标)

window.screenLeft    窗口\浏览器相对于屏幕移动的水平坐标(火狐window.screenX  )

window.screenTop     窗口\浏览器相对于屏幕移动的垂直坐标火狐window.screenY )

 

都支持系列

 window.screen.height   屏幕分辨率的高

Window.screen.width   屏幕分辨率的宽

window.screen.availHeight    屏幕可用工作区高度:(除去任务栏这种被遮挡部分)

window.screen.availWidth     屏幕可用工作区宽度(除去任务栏这种被遮挡部分)

document.body.scrollHeight   整个页面滚动条的高度

document.body.scrollWidth    整个页面滚动条的宽度

document.body.offsetWidth    网页可见区域宽 (包括边线的宽width+padding+border+margin);

document.body.offsetHeight   网页可见区域高(包括边线的高,width+padding+border+margin);

document.body.clientWidth    在页面上返回内容的可视宽度(不包括边框,边距或滚动条,document.documentElement.clientWidth IE和火狐误差,windows.innerWidth相同当不支持IE

document.body.clientHeight  在页面上返回内容的可视高度(不包括边框,边距或滚动条document.documentElement.clientHeightIE和火狐误差,windows.innerHeight相同当不支持IE

offsetLeft  返回浏览器的宽的距离

offsetTop   返回浏览器的高的距离

设置高和宽还是要用style.width style.height;

未知:

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 

 

 

 


© 著作权归作者所有

共有 人打赏支持
yongu
粉丝 2
博文 17
码字总数 13645
作品 0
乌鲁木齐
程序员
CSS样式有哪些常用的属性?

一般的一个DIV的CSS设置属性有:margin,padding,width,height,font-size,text-align,background,float,border CSS样式有哪些常用的属性 附:《 css样式属性大全(中文注释)》 一 CSS文字属性...

inw3cschool ⋅ 2017/05/27 ⋅ 0

事件大全

大家好,在学习H5的过程中,我们接触了许许多多不同的事件,它们各自都有自己独到的用途,且在自己的领域发挥了重要的作用,下面就跟随我一起看看它们都做了些啥,Let's go!!! 鼠标事件、键盘...

大仁孙 ⋅ 2016/07/13 ⋅ 0

Web开发系列 - GIS

Google Maps JQuery Maps google map是怎样工作的 Google Maps API编程资源大全 google map限制地图缩放级别和显示范围 WebGIS近来学习小结,GoogleMap影像在线矢量化简述 google map v3 ap...

长征2号 ⋅ 2017/08/09 ⋅ 0

html 的用法,图片热点的使用

<area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下: <a...

Cherish_you ⋅ 2012/03/16 ⋅ 0

FusionCharts图表控件常见问题解答FAQ

由于最近有不少网友咨询FusionCharts图表的一些常见问题,如安装和配置,导出格式,数据源等等,因此慧都小编特意整理了一些FusionCharts的FAQ供大家参考。>>>下最新版FusionCharts v3.2.2-S...

panda456 ⋅ 2013/01/17 ⋅ 0

Highcharts属性大全

<script type="text/javascript"> var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container',//设置显示图表的容器 type: 'line',//设置图......

Candy520 ⋅ 2015/10/26 ⋅ 0

EditText属性大全

都是网友的结晶,我只是搬运工而已。 android:layoutgravity="centervertical"//设置控件显示的位置:默认top,这里居中显示,还有bottom android:hint="请输入数字!"//设置显示在空间上的提...

simonkjer ⋅ 2012/12/27 ⋅ 0

IOS 学习资料汇总

iOS从通讯录中选择联系人(http://blog.csdn.net/dolacmeng/article/details/50574258) 2.iOS获取通讯录联系人信息(http://blog.csdn.net/leemin_ios/article/details/52369988) 3.出行类解决......

IT追寻者 ⋅ 2016/11/24 ⋅ 0

3ds Max Shortcuts 快捷键大全

主界面 【Q】选择循环改变方式 【W】移动 【E】旋转 【R】缩放循环改变方式 【7】物体面数 【8】Environment 【9】Advanced lighting 【0】Render to Textures 【1】【2】【3】【4】【5】分别...

机器的心脏 ⋅ 2017/12/12 ⋅ 0

Mybatis 通用 Mapper--Mapper

Mybatis 通用 Mapper 极其方便的使用 Mybatis 单表的增删改查,支持单表操作,不支持通用的多表联合查询 优点: 通用 Mapper 可以极大的方便开发人员。 为了让您更方便的了解通用 Mapper,下面...

Liuzh_533 ⋅ 2014/11/22 ⋅ 11

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Jenkins实践3 之脚本

#!/bin/sh# export PROJ_PATH=项目路径# export TOMCAT_PATH=tomcat路径killTomcat(){pid=`ps -ef | grep tomcat | grep java|awk '{print $2}'`echo "tom...

晨猫 ⋅ 今天 ⋅ 0

Spring Bean的生命周期

前言 Spring Bean 的生命周期在整个 Spring 中占有很重要的位置,掌握这些可以加深对 Spring 的理解。 首先看下生命周期图: 再谈生命周期之前有一点需要先明确: Spring 只帮我们管理单例模...

素雷 ⋅ 今天 ⋅ 0

zblog2.3版本的asp系统是否可以超越卢松松博客的流量[图]

最近访问zblog官网,发现zlbog-asp2.3版本已经进入测试阶段了,虽然正式版还没有发布,想必也不久了。那么作为aps纵横江湖十多年的今天,blog2.2版本应该已经成熟了,为什么还要发布这个2.3...

原创小博客 ⋅ 今天 ⋅ 0

聊聊spring cloud的HystrixCircuitBreakerConfiguration

序 本文主要研究一下spring cloud的HystrixCircuitBreakerConfiguration HystrixCircuitBreakerConfiguration spring-cloud-netflix-core-2.0.0.RELEASE-sources.jar!/org/springframework/......

go4it ⋅ 今天 ⋅ 0

二分查找

二分查找,也称折半查找、二分搜索,是一种在有序数组中查找某一特定元素的搜索算法。搜素过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜素过程结束;如果某一特定元素大于...

人觉非常君 ⋅ 今天 ⋅ 0

VS中使用X64汇编

需要注意的是,在X86项目中,可以使用__asm{}来嵌入汇编代码,但是在X64项目中,再也不能使用__asm{}来编写嵌入式汇编程序了,必须使用专门的.asm汇编文件来编写相应的汇编代码,然后在其它地...

simpower ⋅ 今天 ⋅ 0

ThreadPoolExecutor

ThreadPoolExecutor public ThreadPoolExecutor(int corePoolSize, int maximumPoolSize, long keepAliveTime, ......

4rnold ⋅ 昨天 ⋅ 0

Java正无穷大、负无穷大以及NaN

问题来源:用Java代码写了一个计算公式,包含除法和对数和取反,在页面上出现了-infinity,不知道这是什么问题,网上找答案才明白意思是负的无穷大。 思考:为什么会出现这种情况呢?这是哪里...

young_chen ⋅ 昨天 ⋅ 0

前台对中文编码,后台解码

前台:encodeURI(sbzt) 后台:String param = URLDecoder.decode(sbzt,"UTF-8");

west_coast ⋅ 昨天 ⋅ 0

实验楼—MySQL基础课程-挑战3实验报告

按照文档要求创建数据库 sudo sercice mysql startwget http://labfile.oss.aliyuncs.com/courses/9/createdb2.sqlvim /home/shiyanlou/createdb2.sql#查看下数据库代码 代码创建了grade......

zhangjin7 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部