如何单击按钮自行关闭网页

Question

我有一个页面，其中保持<button> onClick()事件触发，并在新选项卡中重定向新页面。同时，我希望在单击<button>并在新选项卡中打开新页面时，父页面将自动关闭。它基本上用于网站的某些安全功能。如何才能做到这一点？这是我的<button>，让我知道我在哪里可以纠正自己。

<button formtarget="_blank" type="submit" name="submit" onClick="javascript:window.open('quiz.php?unit_id=<?php echo $fnc->encode($unit_id) ; ?>');self.close();" value="submit" class="btn btn-info" style='margin-left: 35%;margin-bottom: 10px;' ><i class="glyphicon"></i> Start Quiz</button>

Answer 1

你可以通过以下功能关闭窗口

function close(){
 setTimeout("window.close()", 500);
}

但请记住：脚本可能只关闭由它打开的窗口。

Answer 2

窗口关闭并打开新选项卡

<script language="javascript">

function quitWindow(cmd) 
{      
    if(window.open("your_new_tab_page.htm")){
        if (cmd=='quit')    
        {
           open(location, '_self').close();    
        }   
    }
    return false;   
}

</script>

<input  type="submit" onclick="return quitWindow('quit');" value="Close This Window and open new Tab" /> 

如果你使用firefox，你应该写：url bar并设置

dom.allow_scripts_to_close_windows = true

否则不起作用Firefox

Answer 3

我认为这可能有用。

    <script>

    function openWindow( url )
    {
            window.open(url, '_blank');
            window.focus();
            window.close();
    }

    </script>
    <button onclick="javascript:openWindow(yourHref);return false;">Submit</button>