javascript - resizeBy 不起作用，不知道为什么

Question

为什么我的调整大小按钮不能调整“创建窗口”按钮创建的窗口的大小？我已经搜索过，但没有找到有效的答案。我现在没有主意了。请帮忙!

<div id="windowbuttons">
<button onclick="openWin()">Create window</button>
<button onclick="resizeWin()">Resize window</button>

<script>
var myWindow;

function openWin()
{
myWindow = window.open("http://www.google.com","", "width=100,height=100");
}

function resizeWin()
{
myWindow.resizeBy(250,250);
myWindow.focus();
}
</script>
</div>

当我从 window.open 中删除 url 时，它确实可以正常工作，所以它看起来像

function openWin()
{
myWindow = window.open("","", "width=100,height=100");
}

这是怎么回事？

Answer 1

var myWindow;

function openWin()
{
    myWindow = window.open("http://localhost","", "width=100,height=100");
}

function resizeWin()
{
    myWindow.resizeBy(250,250);
    myWindow.focus();
}

<div id="windowbuttons">
    <button onclick="openWin()">Create window</button>
    <button onclick="resizeWin()">Resize window</button>
</div>

您正在打开http://google.com在新窗口中，然后您尝试调整 http://google.com 的大小从你的脚本中，这是受到限制的。为了实现此目的，您的子窗口必须驻留在与父窗口相同的主机和端口上