使用按鈕在同一標簽/窗口中瀏覽新頁面

Question

我一直在嘗試使用按鈕將頁面導航到同一窗口中的另一個頁面（Web瀏覽器= Google Chrome，Mozilla Firefox和Internet Explorer）。 步驟是，

1. 該頁面將彈出消息進行確認。
2. 如果用戶單擊“確定”，則該頁面將導航到同一選項卡/窗口中的其他頁面。
3. 如果用戶單擊“取消”或“ x”，它將停留在當前頁面上。

我嘗試使用

window.open("home.php","_self"); 和window.location.href="home.php"; 和document.location.replace("home.php"); 和location.replace("home.php"); 和location.assign("home.php");

但這不起作用。 我該如何解決？

        <span title="Click to register the new user"><button type="submit" id="submit" onclick="myFunction()">Register User</button></span>
        <script>
                function myFunction() {
                    confirm("Proceed?");
                    window.open("home.php");
                }
        </script>

Answer 1

在我看來，問題是，可能您正在使用帶button form ，導致重新加載。

<button type="submit" id="submit" onclick="myFunction()">Register User</button>

將type="submit"為type="button" 。 同樣，主流瀏覽器的確啟用了彈出窗口阻止程序，該行可能在window.open("home.php")失敗；

腳本中的小改動如下：

function myFunction() {
   if(confirm("Proceed?")) //<--- ok/yes = true, no/cancel/close = false
      location.href = "home.php";
}

小型演示：

 var ask = function() { if (confirm('Proceed ?')) location.href = "http://espn.go.com/"; }; 

 <button onclick="ask();">Watch ...</button> 

Answer 2

window.location.href

不是功能。 您必須將其用作

window.location.href="home.php";

更新了您的代碼，這可行

 <span title="Click to register the new user"><button type="submit" id="submit" onclick="myFunction()">Register User</button></span> <script> function myFunction() { if( confirm("Proceed?") ) window.location.href="home.php"; } </script>