Window Position

最新推荐文章于 2024-08-06 15:09:00 发布

weixin_30663391

最新推荐文章于 2024-08-06 15:09:00 发布

阅读量355

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/linxd/p/4515026.html

本文介绍了不同浏览器中获取窗口相对于屏幕位置的方法。通过screenLeft、screenTop、screenX及screenY等属性，文章提供了跨浏览器兼容性的示例代码，并讨论了在各浏览器中的表现差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　IE, Safari, Opera, and Chrome all provide screenLeft and screenTop properties that indicate the window's location in relation to the left and top of the screen, respectively. Firefox provides this functionality through the screenX and screenY, which are also supported in Safari and Chrome. Opera supported screenX and screenY, but you should avoid using them in Opera, because they don't correspond to screenLeft and screenTop. The following code determines the left and top positions of the window across browsers:

1 var leftPos = (typeof window.screenLeft == "number")? window.screenLeft : window.screenX;
2 var topPos = (typeof window.screenTop == "number")? window.screenTop : window.screenY;

　　This example uses the ternary operator to determine if the screenLeft and screenTop properties exist. If they do(which is the case in IE, Safari, Opera, and Chrome), they are used. If they don't exist(as in Firefox), screenX and screenY are used.

　　There are some quirks to using these values. In Internet Explorer, Opera, and Chrome, screenLeft and screenTop refer to the space from the left and top of the screen to the page view area represented by window. If the window object is the topmost object and the browser window is at the very top of the screen(with a y-coordinate of 0), the screenTop value will be the pixel height of the browser toolbars that appear above the page view area. Firefox and Safari treate these coordinates as being related to the entire browser window, so placing the window at y-coordiate 0 on the screen returns a top position of 0.

转载于:https://www.cnblogs.com/linxd/p/4515026.html