关于浏览器和屏幕的坐标大全

<body onclick="Text()">

<script type="text/javascript">   
var strInfo="";
function Text(){
strInfo+=window.event.x; //设置或获取鼠标指针位置相对于父文档的 x 像素坐标
strInfo+="\n"+window.event.y;//设置或获取鼠标指针位置相对于父文档的 y 像素坐标。
strInfo+="<br>"+window.event.clientX;//设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条.
strInfo+="\n"+window.event.clientY;//设置或获取鼠标指针位置相对于窗口客户区域的 y坐标,其中客户区域不包括窗口自身的控件和滚动条.
strInfo+="<br>"+window.event.screenX;  //screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。 
strInfo+="\n"+window.event.screenY;  //screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 y 坐标。 
strInfo+="<br>"+window.event.offsetX;//offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
strInfo+="\n"+window.event.offsetY;//offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 y坐标。
/*event.clientX返回事件发生时,mouse相对于客户窗口的X坐标,event.X也一样。但是如果设置事件对象的定位属性值为relative,event.clientX不变,而

event.X返回事件对象的相对于本体的坐标。*/ 
strInfo+="<br>"+document.body.scrollWidth;//上下滚动条高度距离屏幕左端的距离
strInfo+="\n"+document.body.scrollHeight;//屏幕内容距离窗口上端的距离
strInfo+="<br>"+document.body.scrollTop;//网页被卷去的高
strInfo+="\n"+document.body.scrollLeft;//网页被卷去的宽
strInfo+="<br>"+document.body.clientWidth;//网页可见区域的宽度(不会随着鼠标的变化而变化,不包括边框和滚动条);
strInfo+="\n"+document.body.clientHeight;//网页可见区域的高度(不会随着鼠标的变化而变化,不包括边框和滚动条);
strInfo+="<br>"+document.body.offsetWidth;//网页可见区域的高度(不会随着鼠标的变化而变化,包括边框和滚动条);
strInfo+="\n"+document.body.offsetHeight;//网页可见区域的高度(不会随着鼠标的变化而变化,包括边框和滚动条);
strInfo+="<br>"+window.screenTop;//网页正文部分上 有些浏览器要换成window.screenX
strInfo+="\n"+window.screenLeft;//网页正文部分左 有些浏览器要换成window.screenY
strInfo+="<br>"+window.screen.width;//返回屏幕分辨率的宽度
strInfo+="\n"+window.screen.height;//返回屏幕分辨率的高度
strInfo+="<br>"+window.screen.availWidth;//返回屏幕可用工作区的像素宽度(不包括工具栏)
strInfo+="\n"+window.screen.availHeight;//返回屏幕可用工作区的像素的高度(不包括工具栏)

document.write(strInfo);
}
</script>
</body>

时间: 2024-11-06 18:14:00

关于浏览器和屏幕的坐标大全的相关文章

JS 获取浏览器和屏幕宽高信息(转载)

JS 获取浏览器和屏幕宽高信息 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:documen

js获取div相对屏幕的坐标位置

1:div相对屏幕的坐标位置 function getDivPosition(div){ var x = div.getBoundingClientRect().left; var y = div.getBoundingClientRect().top; return {x:x,y:y}; } 参数传js原生对象 getDivPosition($('#div0')[0]).x getDivPosition($('#div0')[0]).y  

Javascript&amp;Jquery获取浏览器和屏幕各种高度宽度方法总结及运用

<js篇> Javascript获取浏览器和屏幕各种高度宽度方法总结 document.body.clientWidth       //网页可见区域宽(body) document.body.clientHeight     //网页可见区域高(body) document.body.offsetWidth     //网页可见区域宽(body),包括border.margin等 document.body.offsetHeight    //网页可见区域宽(body),包括border.m

(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全

(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全 时间:2015-08-17 16:50:40      阅读:3961      评论:0      收藏:0      [点我收藏+] PC端 按屏幕宽度大小排序(主流的用橙色标明) 分辨率   比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3  | 10.4寸.12.1寸.14.1寸.15寸; ) 1280*800(16:10  |15.4寸) 1280*1024(比例:5:4  | 14.1寸.15.0寸)

iOS 屏幕原点坐标 &amp;&amp; 导航栏风格的自定义

其一 屏幕原点坐标 (x ,y) 受 self.navigationController. navigationBar 的 setTranslucent (BOOL) 属性控制 在 iOS7 以后  translucent  属性默认为 YES   该属性含义是 毛玻璃 半透明效果 YES  起始 坐标 为屏幕顶端 左上角 为 (0 , 0)  ,此时 UI展示的内容可透过 导航栏 NO   起始 坐标 为屏幕顶端 左上角 为 (0 , 20 + 44) 这个说明 起始坐标 在状态栏 和 导航栏

智能手机操作系统、浏览器、屏幕尺寸

一.智能手机操作系统.浏览器.屏幕尺寸 NetMarketShare数据网站2015年9月份智能手机操作系统的市场份额排名. Android平台手机.IOS平台的iphone.黑莓(BlackBerry)各自内置的Web浏览器,如下: Android中的 Android Browser IOS中的 Mobile Safari BlackBerry中的 Webkit浏览器 智能手机屏幕分辨率/分辨率,如下: 商品名称:OPPOA31 屏幕尺寸:4.5英寸 分辨率:854×480 商品名称:中兴V5

JS 获取浏览器和屏幕宽高信息

网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:document.body.scrollTop

关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种

clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离,不随页面滚动而改变 兼容性:所有浏览器均支持 pageX/Y: pageX/Y获取到的是触发点相对文档区域左上角距离,会随着页面滚动而改变 兼容性:除IE6/7/8不支持外,其余浏览器均支持 offsetX/Y: offsetX/Y获取到是触发点相对被触发dom的左上角距离,不过左上角基准点在不同浏览器中有区别,其中在IE中以内容区左上角为基准点不包括边框,如果触发点在边框上会返回负值,而chrome中以边框左

Javascript、Jquery获取浏览器和屏幕各种高度宽度

Javascript: alert(document.body.clientWidth);        //网页可见区域宽(body) alert(document.body.clientHeight);       //网页可见区域高(body) alert(document.body.offsetWidth);       //网页可见区域宽(body),包括border.margin等 alert(document.body.offsetHeight);      //网页可见区域宽(b