javascript - 使用 JavaScript 重定向到 (currenturl)/example.html onclick

Question

我正在尝试在您单击按钮时将我的位置从“currentUrl”更改为“currentUrl/somePage.html”。

重要的是代码不依赖于硬编码的 url。相反，它应该获取用户所在的当前 url，并将“/somePage.html”的值附加到它的末尾。

我查看了一下，发现 window.location.href 会返回我当前的 url 位置，而 window.location 会将我重定向到一个新位置。但是，当我尝试将它们放在一起时，单击按钮时出现“函数未定义”错误。

我的代码看起来像这样......

HTML:

<button class="btn btn-default" onclick="redirectToPage()">Some Page</button>

JS:

$(function () {

    function redirectToPage() {
        var url = window.location.href;
        window.location(url + "/somePage.html");
    }
});

你们都是好人!感谢您的帮助!

Answer 1

如果您打算使用 jQuery，那么您应该使用它的所有功能:

(我永远不会推荐内联 javascript)

html:

<button class="btn btn-default js-do-redirect">Some Page</button>

jQuery:

$(document).ready(function(){
  $('.js-do-redirect').on('click', function(){
    var url = window.location.href;
    window.location = url + "/somePage.html";
  });
});

或者如果你想让它可重用:

html:

<button class="btn btn-default js-do-redirect" data-redirect-to="/somePage.html">
  Some Page
</button>

jQuery:

$(document).ready(function(){
  $('.js-do-redirect').on('click', function(){
    var url = window.location.href;
    var page = $(this).data('redirect-to');
    window.location = url + page;
  });
});

推荐阅读Decoupling Your HTML, CSS, and JavaScript .