Javascript-打开一个页面上的窗口,然后关闭另一个页面上的窗口

Javascript-打开一个页面上的窗口,然后关闭另一个页面上的窗口,javascript,jquery,html,Javascript,Jquery,Html,让我解释一下我的情况。我的页脚有一对播放/停止CSS按钮。我不想使用框架。当我在当前页面(第1页)上按play时,弹出窗口打开,jplayer开始播放音乐。当我按下close时,由于我从初始打开时一直保持窗口值,窗口将关闭 现在,我的问题是:假设用户移动到主站点上的另一个页面(第2页),弹出窗口仍在播放(这不是问题,这是我的意图)。但我希望用户能够在第2页上按停止,并关闭在第1页中创建的窗口 我试着使用HTML5本地存储,但它不起作用-奇怪的是:存储在HTML5存储中的对象是window类型的-

让我解释一下我的情况。我的页脚有一对播放/停止CSS按钮。我不想使用框架。当我在当前页面(第1页)上按play时,弹出窗口打开,
jplayer
开始播放音乐。当我按下close时,由于我从初始打开时一直保持窗口值,窗口将关闭

现在,我的问题是:假设用户移动到主站点上的另一个页面(第2页),弹出窗口仍在播放(这不是问题,这是我的意图)。但我希望用户能够在第2页上按停止,并关闭在第1页中创建的窗口

我试着使用HTML5本地存储,但它不起作用-奇怪的是:存储在HTML5存储中的对象是window类型的-所以它是存储的。它似乎仍然无法关闭它

以前有没有人做过这件事,或者知道如何避开它?以下是我的代码(不起作用):

$(文档).ready(函数(){
瓦尔温;
$(“#播放按钮”)。单击(函数(){
win=window.open('Player.html',
“Poppuphindow”,
“宽度=265,高度=360,滚动条=是”);
$(this.attr('class','active');
$('stopButton').attr('class','none');
setItem(“玩家”,赢);
});
$(“#停止按钮”)。单击(函数(){
$(this.attr('class','active');
$('#playButton').attr('class','none');
win=localStorage.getItem(“播放器”);
win.close();
});                                 
});
以下是我的评论: 将页面代码更改为:

$(document).ready(function () {
                            $('#playButton').click(function () {                                
                                window.open('Player.html', "popupWindow", "width=265,height=360,scrollbars=yes");
                                $(this).attr('class', 'active');
                                $('#stopButton').attr('class', 'none');
                            });

                            $('#stopButton').click(function () {
                                $(this).attr('class', 'active');
                                $('#playButton').attr('class', 'none');                                    
                                localStorage.setItem("player", false);
                            });                                
                        });
并将其添加到弹出窗口的代码中:

 setInterval(function(){
   if(localStorage.getItem("player") == false)
     window.close();
 }, 1000);

SetInterval将每隔1000毫秒运行一次内部匿名函数,它会检查播放器值,如果设置为false,它会自动关闭。

我认为您只能从弹出窗口或打开它的窗口关闭弹出窗口。在第2页的localstorage中设置一个变量怎么样?弹出窗口每隔一秒左右就会监视该变量,然后在它被更改时自动关闭?听起来是个好主意:)但是我怎么做呢,我感到困惑了…对不起,javascript不是我的特长!我想您的意思是在localstorage中存储一个变量值,该值可以更改,并且经常被弹出窗口监视?所以当一个页面改变时,弹出窗口就会终止?如果可以的话,我会竖起三个大拇指!!在你发布这篇文章之前,我已经走了3/4英里了。我正要开始寻找一种实现多线程/监视器的方法,这时您的间隔出现了:)不客气。虽然我没有对此进行测试,所以如果出现任何问题,请随时在此处进行评论