javascript - 单击单个按钮即可在 2 个 HTML 文件之间切换的 jQuery

Question

我是编程新手，所以请耐心等待。我有一个按钮，当您单击它时，它将转到另一个 HTML 文件，但是当我再次单击它时，它不会返回到之前所在的另一个 HTML 文件。本质上我想在两者之间切换(或者如果我添加其他页面则更多)。

尝试仅使用 jQuery 来完成此操作。

$(".button").on("click", function() {
    if(window.location.href = "index1.html"){
        window.location.replace("index2.html");
    }

});

$(".button").on("click", function () {
    if (window.location.href = "index2.html") {
        window.location.replace("index1.html");
    }
});

对于这样的任务来说，这似乎过于复杂。任何帮助将不胜感激!

Answer 1

如果这两个代码块位于同一文件中，则第二个 onclick 事件将覆盖第一个。如果您只需要重定向，window.location 也可能就足够了。

试试这个:

$(".button").on("click", function() {
    if(window.location.href == "index1.html"){
        window.location="index2.html";
    }else if(window.location.href == "index2.html"){
        window.location="index1.html";
    }
});