open.window,父窗口关闭按钮

时间:2017-05-25 09:28:18

标签: jquery html cordova

我正在开发和应用使用Cordova(phonegap),它使用HTML和CSS以及javascript和jquery,在我的应用程序的一个页面中,我有一个按钮,用于打开来自user.by的问题的URL。使用此代码:

var URL="https://question.com/q1";
var ref=window.open(URL,'_parent','location=no,clearcache=yes,toolbar=no,titlebar=no');

现在因为我不想向用户显示他们被重定向的URL我删除了包含关闭按钮的标题栏。现在我没有任何关闭页面的按钮。我想要知道是否可以向父页面添加关闭按钮并在打开新URL时显示它?

1 个答案:

答案 0 :(得分:0)

HTML:

<button id="closeButton">close</button>

CSS:

#closeButton { 
  display:none; 
}

JS:

var URL="https://question.com/q1";
var openedWindow = window.open(URL,'_blank','location=no,clearcache=yes,toolbar=no,titlebar=no,width=600,height=600');
$('#closeButton').unbind().on('click', function(){
    openedWindow.close();
    $(this).hide();
});
$('#closeButton').show();

第二个参数“_blank”是打开新窗口而不是像你提到的那样重叠(“_ parent”)。您可以设置不同的初始宽度和高度。现在使用这个解决方案,一些浏览器会将其标记为弹出窗口,并且需要权限才能打开它(这是更方便用户的方式而不是强制打开窗口)但是如果你想通过它,你可以参考此主题:Bypass popup blocker on window.open