举报投诉联系我们手机版热门标签编程学

文章详情

您的位置：编程学 > window.screenleft Window screenLeft和screenTop 属性

window.screenleft Window screenLeft和screenTop 属性

2023-05-01 07:18

window.screenleft

window.screenLeft 是一个 JavaScript 属性，它可以用来获取浏览器窗口的左边界位置。它是 window 对象的一个属性，可以在所有浏览器中使用。

var left = window.screenLeft;  // 获取浏览器窗口左边界位置

window.screenLeft 属性返回的是浏览器窗口左上角相对于显示器左上角的水平位置，单位是像素。如果显示器有多个分辨率，那么返回的就是当前分辨率下的水平位置。

// 获取浏览器当前分辨率下的水平位置 
var left = window.screenLeft;  // 返回数字，单位是像素

window.screenLeft 属性也可以用来改变浏览器的位置，例如将浏览器放在显示器中间：

 
// 将浏览器放在显示器中间 
var width = window.outerWidth;   // 浏览器宽度 
var height = window.outerHeight; // 浏览器高度 
var left = (window.screen.width - width) / 2;   // 水平位置 
var top = (window.screen.height - height) / 2;  // 垂直位置 
window.moveTo(left, top);   // 移动到指定位置

Window screenLeft和screenTop 属性

Window screenLeft 和 screenTop 属性

Window 对象

定义和用法

screenLeft和screenTop属性返回窗口相对于屏幕的X和Y坐标。

语法

window.screenLeft
window.screenTop

浏览器支持

所有主要浏览器都支持pageXOffset和pageYOffset属性，Firefox除外。

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

实例

返回新窗口相对于屏幕的X和Y坐标：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>教程(.cn)</title>
<script>
function openWin(){
    myWindow=window.open("","");
    myWindow.document.write("<p>这是"我的窗口"");
    myWindow.document.write("<br>ScreenLeft: " + myWindow.screenLeft);
    myWindow.document.write("<br>ScreenTop: " + myWindow.screenTop + "</p>");
}
</script>
</head>
<body>

<input type="button" value="打开 "我的窗口"" onclick="openWin()">

</body>
</html>

Window 对象

阅读全文

以上是编程学为你收集整理的window.screenleft Window screenLeft和screenTop 属性全部内容。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。

2023-04-08

JavaScript RegExp w Metacharacter JavaScript RegExp 对象定义和用法w 元字符用于查找单词字符。单词字符包括：a-z、A-Z、0-9...
html中dom HTML DOM writeln() 方法

2023-04-25

HTML DOM writeln() 方法 Document 对象定义和用法writeln() 方法与 write() 方法作用相同，外加可在每个表达式后写一个换行符。...
html blockquote HTML blockquote cite 属性

2023-03-22 HTML参考手册

HTML blockquote cite 属性 HTML blockquote 标签实例下面这个 blockquote 元素中的 cite 属性指定了引用的来源：blockquote cit...
oceanbase 使用 OceanBase 修改历史

2023-05-07

您可在修改历史页面选择时间区间，查看在特定时间内的参数修改历史。操作步骤在集群列表中单击对应的集群，进入集群工作台页面...
oceanbase sql语句 OceanBase SQL语句

2023-06-18

...