JavaScript使用window.open打开新窗口并控制其位置

作者:半夏时间:2026-10-29 08:09:54浏览:350

本文介绍如何使用JavaScript的window.open方法打开新窗口,并通过moveTo方法控制新窗口在屏幕上的具体位置。示例包含完整的HTML和JS代码,演示如何打开窗口并调整其坐标。

JavaScript控制新窗口位置的方法

本文介绍一种利用JavaScript打开新窗口并精确控制其屏幕位置的技术方案,供开发者参考。

核心思路是先通过window.open方法创建新窗口,随后利用JavaScript脚本调用相关API,将新窗口移动至设定的坐标位置。


<!DOCTYPE html>
<html>
<head>
<script>
function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>This is 'myWindow'</p>");
}
function moveWin()
{
myWindow.moveTo(0,0);
myWindow.focus();
}
</script>
</head>
<body>
<input type="button" value="Open 'myWindow'" 
onclick="openWin()" />
<br><br>
<input type="button" value="Move 'myWindow'" 
onclick="moveWin()" />
</body>
</html>

希望上述内容能对各位在JavaScript编程中处理窗口操作有所帮助。

作者最新文章