Question

我在点击的页面上有一个链接，我打开一个像弹出窗口一样的新窗口。现在我希望用户在返回旧页面之前将其关闭。在关闭它之前，他不应该能够导航到其他选项卡。我该怎么办？

<script type="text/javascript">
    function popup(url) {
        var width = 300;
        var height = 200;
        var left = (screen.width - width) / 2;
        var top = (screen.height - height) / 2;
        var params = 'width=' + width + ', height=' + height;
        params += ', top=' + top + ', left=' + left;
        params += ', directories=no';
        params += ', location=no';
        params += ', menubar=no';
        params += ', resizable=no';
        params += ', scrollbars=no';
        params += ', status=no';
        params += ', toolbar=no';
        newwin = window.open(url, 'windowname5', params);
        if (window.focus) {
            newwin.focus()
        }
        return false;
    }
</script>

<a href="javascript: void(0)" onclick="popup('popup.html')">Centered popup window</a>

Answer 1

您应该将窗口定义为模态窗口window.showModalDialog。

请查看以下说明showModalDialog

另一种方法是使用jQuery对话框。在这种情况下，整个屏幕被阻止，用户在关闭对话框之前无法执行任何操作。见here

Answer 2

在popup.html页面中创建关闭按钮，然后关闭一个窗口。

<input type="button" value="Close" onclick="window.close()">

谢谢你..

在返回之前需要关闭弹出窗口

2 个答案: