window.screenX，window.screenLeft

最新推荐文章于 2023-08-15 19:21:02 发布
最新推荐文章于 2023-08-15 19:21:02 发布
阅读量969 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zgjxyszh/article/details/79548774
版权 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<script>
function openWin(){
	var screenX = window.screenX || window.screenLeft;
	var screenY = window.screenY || window.screenTop;
   	document.getElementsByTagName('p')[0].innerHTML = 
   	"window.screenX:"+window.screenX+"</br>"+"window.screenY:"+window.screenY+"</br>"+"window.screenLeft:"+window.screenLeft+"</br>"+"window.screenTop:"+window.screenTop+"</br>"+screenX+"</br>"+screenY;
}
</script>
</head>
<body>
<button οnclick="openWin()">click me</button> </br>
<p></p>
</body>
</html>


Firefox 浏览器请使用 "window.screenX" and "window.screenY"。


zgjx2019
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
window.screenLeft&&window.Top&&window.screenX&&window.screenY
soos的博客
12-03 801
window.screenLeft 设置或获取浏览器窗口左上角相对与屏幕左上角的X坐标。 window.screenTop 设置或获取浏览器窗口左上角相对于屏幕左上角的Y坐标。 浏览器兼容性问题： 在Chrome和Opera中，当浏览器窗口全屏化时，screenLeft和screenTop指的是可见的浏览器部分与屏幕左上角的距离，两者的值都为0。 在Safari中，当浏览器窗口全屏化时
JS：screen/client/offset/scroll/inner/avail的width/left
u011587399的专栏
03-14 608
1、名词解释 screen：屏幕。这一类取到的是关于屏幕的宽度和距离，与浏览器无关，应该是获取window对象的属性。client：使用区、客户区。指的是客户区，当然是指浏览器区域。offset：偏移。指的是目标甲相对目标乙的距离。scroll：卷轴、卷动。指的是包含滚动条的的属性。inner：内部。指的是内部部分，不含滚动条。avail：可用的。可用区域，不含滚动条，易与inner混淆。
window.screenLeft:window.screenX，window.innerWidth，screen.width，screen.availWidth
zgjxyszh的博客
03-13 930
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;window.innerWidth window.screenLeft:window.screenX &lt;/title&gt; &lt;/head&gt; &lt;body&amp
Window screenLeft、screenTop属性
fengyunsky
03-18 6655
window.screenLeft功能：返回窗口的左上角在屏幕上的x坐标。该属性为只读属性。语法：window.screenLeft注：在Firefox等浏览器中使用的是screenX属性。 window.screenTop功能：返回窗口的左上角在屏幕上的
BOM（ScreenLeft、ScreenTop总结）
weixin_30496751的博客
08-15 453
所以，即使是获取了这两个属性，也不能得到浏览器相对于屏幕的准确位置。。。。 另外，这些属性都是只读的，不能修改 alert(screenLeft); //IE支持alert(screenTop);这两个属性，火狐不认识，就会当作是没有声明初始化的变量，会报错我们就必须强制在这个属性前加上window. alert(typeof window.screen...
javascript学习笔记(十四) window对象使用介绍
10-28
window.screenLeft : window.screenX; var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY; ``` 2. 浏览器大小 要获取浏览器窗口的尺寸，window对象提供了innerWidth和...
Javascript之BOM(window对象)详解_.docx
10-09
window.screenLeft : window.screenX); var topPos = (typeof window.screenTop !== 'undefined' ? window.screenTop : window.screenY); ``` 除了以上特性，window对象还包含了诸如resizeTo和moveTo这样的方法，...
【温故而知新】JavaScript的BOM之Window对象.md
最新发布
06-13
- **screenLeft**、**screenTop**、**screenX** 和 **screenY**：返回窗口相对于屏幕的位置。 - **sessionStorage**：提供了一个键值对存储方式，数据在浏览器关闭后会被清除。 - **self**：返回当前窗口的引用。 - ...
取得窗口大小 兼容所有浏览器的js代码.docx
01-22
`window.screenLeft`和`window.screenTop`在Internet Explorer中可用，但在其他浏览器如Firefox中，需要使用`window.screenX`和`window.screenY`。所以，我们需要编写兼容性代码来确保在任何浏览器中都能正确获取...
JavaScript_BOM.txt
10-19
- `window.screenLeft`：返回窗口相对于屏幕左侧的距离。 - `window.screenTop`：返回窗口相对于屏幕顶部的距离。 - **尺寸**： - 内部尺寸 (文档内容区域)：由于 IE 不支持 `window.innerWidth` 和 `window....
js获取窗口相对于屏幕左边和上边的位置坐标
12-04
获取窗口相对于屏幕左边和上边的位置: 代码如下: var x=window.screenLeft?window.screenLeft: window.screenX ; var y=window.screenTop?window.screenTop: window.screenY; alert(x+” “+y);
html left属性,HTML Window screenLeft用法及代码示例
weixin_33374585的博客
06-09 224
Window screenLeft属性用于返回窗口相对于屏幕的“ x”或水平坐标。它返回一个数字，该数字表示窗口相对于屏幕的水平坐标。用法:window.screenLeft以下示例程序旨在说明Window screenLeft属性：获取窗口相对于屏幕的水平坐标。Window screenLeft Property in HTMLh1 {color:green;}h2 {font-family:I...
screenLeft、screenX、scrollBy()、scrollTo()、scrollX、ScrollY的区别
Sam.LIU的博客
12-07 1356
What the fucking difference between these fucking things... screenLeft和ScreenTop是分别返回相对于屏幕的X和Y坐标， screeX和ScreenY也分别是返回相对于当前屏幕的X和Y坐标，有多块屏幕以主屏幕为准。 scrollX和scrollY分别是文档相对于当前浏览器视口已滚动的距离。 scrollBy()方法滚动...
31【window 对象】
DSelegent的博客
08-26 288
31【window 对象】
window对象中 screenX screenY innerWidth的意义
aid92203的博客
12-19 266
1.screenX screenY 表示窗口相对于屏幕左上角的位置。注意IE不支持此属性。 只读属性。 IE 中的实现用screenLeft screenTop (等于screenY + 工具栏+菜单栏+地址栏的像素) 2.innerWidth innerHeight窗口中文档显示区域的宽度，不包括边框和滚动条,该属性可读可写。 IE8之前的浏览器不支持该属性，IE...
这是一篇关于获取页面的各种距离总结
a_xia_o的博客
08-15 335
与 clientHeight 和 clientWidth 相比，我想这对属性用的更多一点，因为更多的时候我们需要获取的是元素的完整宽高。offset 有偏移的意思，所以这里也可以理解为鼠标位置相对于目标元素内部左上角的偏移值，和目标元素本身以及外部的元素都无关。分别点击 hello 元素的绿色边框和空白区域，会发现前者的值为负数，后者的值为整数，且都是相对空白区域的左上角开始计算的。分别返回元素的高度和宽度，包括元素本身的高和宽、padding 和 border ，以及滚动条的高和宽。
鼠标位置的获取pageX，pageY，screenX，screenY，clientX，和clientY，offsetX ，offsetY，layerX，layerY的使用 和 区别
manba
03-31 1万+
pageX，pageY，screenX，screenY，clientX，和clientY返回一个数，其指示物理“CSS像素”的数量的点是从参考点。事件点是用户单击的位置，参考点是左上角的一个点。这些属性返回该参考点的水平和垂直距离。 1、pageX和pageY： 相对于浏览器中完全呈现内容区域的左上角。此参考点位于左上角的URL栏和后退按钮下方。这一点可以在浏览器窗口中的任何位置， 并且如果在...
window对象
zzzzz周绍辉的博客
07-11 536
Window对象的属性1.closed返回一个布尔值，该值声明了窗口是否已经关闭History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。返回值返回一个布尔值，true为关闭，false为未关闭浏览器支持 google IE firefox safari
JS监听关闭浏览器事件之Onunload与Onbeforeunload
热门推荐
binyao02123202的专栏
07-10 4万+
Onunload与Onbeforeunload  Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。      Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要
属于window对象属性的是
06-12
- `window.screenX`：浏览器窗口在屏幕上的横坐标。 - `window.screenY`：浏览器窗口在屏幕上的纵坐标。 - `window.scrollX`或`window.pageXOffset`：文档在水平方向上滚动的像素数。 - `window.scrollY`或`window....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值