Window moveBy()メソッド
Window オブジェクト
定義と用法
moveBy() メソッドは、ウィンドウの現在の座標を基準にして、指定されたピクセル数だけウィンドウを移動します。
構文
window.moveBy(x,y)
ブラウザサポート
すべての主要ブラウザが moveBy() メソッドをサポートしています。
例
例
ウィンドウを現在の位置から250ピクセル移動します：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function openWin(){
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>これは私のウィンドウです</p>");
}
function moveWin(){
myWindow.moveBy(250,250);
myWindow.focus();
}
</script>
</head>
<body>
<input type="button" value="私のウィンドウを開く" onclick="openWin()" />
<br><br>
<input type="button" value="私のウィンドウを移動" onclick="moveWin()" />
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function openWin(){
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>これは私のウィンドウです</p>");
}
function moveWin(){
myWindow.moveBy(250,250);
myWindow.focus();
}
</script>
</head>
<body>
<input type="button" value="私のウィンドウを開く" onclick="openWin()" />
<br><br>
<input type="button" value="私のウィンドウを移動" onclick="moveWin()" />
</body>
</html>
試してみる »
Window オブジェクト その他の拡張