Window moveBy()方法用于移动相对于其当前坐标具有指定像素数的窗口。 Window moveBy()方法接受两个参数x和y,它们表示水平和垂直移动窗口的像素数。
用法:
window.moveBy(x, y)
Parameters Used:
- x:它是必填参数,用于指定水平移动窗口的像素数量。
- y:它是必填参数,用于指定垂直移动窗口的像素数量。
以下示例程序旨在说明窗口moveBy()方法:
程序:。相对于当前位置移动新窗口
<!DOCTYPE html>
<html>
<head>
<title>
Window moveBy() Method in HTML
</title>
<style>
h1 {
color:green;
}
h2 {
font-family:Impact;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Window moveBy() Method</h2>
<p>
For opening the Test window,
double click the "Open Window" button:
</p>
<button ondblclick="Opwind()">
Open Window
</button>
<br>
<p>
For moving the Test window,
double click the "Move Window" button:
</p>
<button ondblclick="Movewind()">
Move Window
</button>
<script>
function Opwind() {
TestWindow = window.open("", "TestWindow",
"width=400, height=400");
TestWindow.document.write("This is a Test Window.");
}
function Movewind() {
TestWindow.moveBy(200, 200);
TestWindow.focus();
}
</script>
</body>
</html>
输出:
单击按钮后
支持的浏览器:下面列出了Window moveBy()方法支持的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐浏览器
- Opera
- 苹果浏览器
相关用法
- HTML DOM Window btoa()用法及代码示例
- HTML Window alert()用法及代码示例
- HTML Window atob()用法及代码示例
- HTML Window moveTo()用法及代码示例
- HTML Window resizeTo()用法及代码示例
- HTML Window resizeBy()用法及代码示例
- HTML Window scrollBy()用法及代码示例
- HTML window matchMedia()用法及代码示例
- HTML DOM Window stop()用法及代码示例
- HTML Window createPopup()用法及代码示例
- HTML Window self()用法及代码示例
- HTML Window name用法及代码示例
- HTML Window top()用法及代码示例
注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | Window moveBy() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。