window.open 全局范围变量 javascript

发布于 2024-11-19 21:01:21 字数 901 浏览 1 评论 0原文

谁能告诉我如何使用全局范围变量，以便我可以从“窗口2”关闭“窗口1”？这真的让我陷入困境，所以任何帮助都会很棒！

我有index.html，有 1 个链接和 1 个按钮。按钮打开窗口 1，链接打开窗口 2。我希望窗口 2 有一个可以关闭窗口 1 的按钮。如果可以的话请帮忙！！谢谢！！！

<script type="text/javascript">
function openWin1()
{
myWindow=window.open('','','');
myWindow.document.write("<p><img src=\"flower.jpg\" /></p>");
myWindow.focus();
}
function openWin2()
{
myWindow=window.open('','','');
myWindow.document.write("<style type=\"text/css\">body{background-color:yellow;}</style>
<p><img src=\"bee.jpg\" /></p><input type=\"button\" onclick=\"window.close();\" 
value=\"Close Window 1\" />");
myWindow.focus();
}
</script>
</head>

<body>

<input type="button" value="Window 1" onclick="openWin1();" /><br />
<a href="javascript:openWin2();">Window 2</a>

</body>
</html>

原文

Can anyone tell me how i could use a global scope variable so that I could close "window 1" from "window2"?This is really throwing me for a loop, so any help would be great!

I have index.html with 1 link and 1 button. Button opens window 1, link opens window 2. I want Window 2 to have a button that can close window 1. Please help if you can!! Thanks!!!

<script type="text/javascript">
function openWin1()
{
myWindow=window.open('','','');
myWindow.document.write("<p><img src=\"flower.jpg\" /></p>");
myWindow.focus();
}
function openWin2()
{
myWindow=window.open('','','');
myWindow.document.write("<style type=\"text/css\">body{background-color:yellow;}</style>
<p><img src=\"bee.jpg\" /></p><input type=\"button\" onclick=\"window.close();\" 
value=\"Close Window 1\" />");
myWindow.focus();
}
</script>
</head>

<body>

<input type="button" value="Window 1" onclick="openWin1();" /><br />
<a href="javascript:openWin2();">Window 2</a>

</body>
</html>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

妥活 2024-11-26 21:01:21

本地测试（适用于 Chrome，也应该适用于其他浏览器）：

function openWin1() {
    myWindow1 = window.open('google.com', '', '');
    myWindow1.document.write("<p><img src=\"flower.jpg\" /></p>");
    myWindow1.focus();
}

function openWin2() {
    myWindow2 = window.open('yahoo.com', '', '');
    myWindow2.document.write("<style type=\"text/css\">body{background-color:yellow;}</style><p><img src=\"bee.jpg\"></p><input type=\"button\" onclick=\"window.opener.myWindow1.opener = window.self;window.opener.myWindow1.close();\" value=\"Close Window 1\" />");
    myWindow2.focus();
}

Tested this locally (works in Chrome, should work in other browsers too):

function openWin1() {
    myWindow1 = window.open('google.com', '', '');
    myWindow1.document.write("<p><img src=\"flower.jpg\" /></p>");
    myWindow1.focus();
}

function openWin2() {
    myWindow2 = window.open('yahoo.com', '', '');
    myWindow2.document.write("<style type=\"text/css\">body{background-color:yellow;}</style><p><img src=\"bee.jpg\"></p><input type=\"button\" onclick=\"window.opener.myWindow1.opener = window.self;window.opener.myWindow1.close();\" value=\"Close Window 1\" />");
    myWindow2.focus();
}

回复收藏 0 原文

Smile简单爱 2024-11-26 21:01:21

从第二个窗口使用 window.opener.mywindow.close() 来首先关闭。为第二个窗口对象选择其他变量名称

回复收藏 0 原文

伊面 2024-11-26 21:01:21

“window1”和“window2”都可以通过window.opener引用原始页面。因此，您的原始页面可以公开一个全局函数，其他页面都可以调用该函数，如下所示：

window.opener.closeTheOtherOne();

Both "window1" and "window2" can refer to the original page via window.opener. Your original page can therefore expose a global function that either of the other pages can call like this: