Question

我一直在尝试使用按钮将页面导航到同一窗口中的另一个页面（Web浏览器= Google Chrome，Mozilla Firefox和Internet Explorer）。步骤是，

页面将弹出消息以进行确认。
如果用户单击“确定”，则页面将导航到同一选项卡/窗口中的其他页面。
如果用户单击“取消”或“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

我觉得问题是，您可能正在使用form button导致重新加载。

<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";
}

小演示：

＆＃13;

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

＆＃13;

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

＆＃13;

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>

使用按钮在同一选项卡/窗口中导航新页面

2 个答案: