javascript - 如果动态更改 href，则无法重定向

Question

我的 html 看起来像这样:-

<a href="http://www.google.com" id="shopall-anchor"><div class="" id="shopall-btn"></div></a>

如果我点击该按钮，它会重定向到 www.google.com(这是应该的)。 我正在尝试像这样通过 jQuery 动态更改 href :-

$('#shopall-btn').click(function() {
    $('#shopall-anchor').attr("href","www.microsoft.com");
    return false;
});

调试后我发现点击事件后 href 更改为 microsoft.com，但我无法将用户重定向到 www.microsoft.com

有什么我想念的吗？

编辑 1:-

我尝试做以下事情，但无法找到解决方案:- 1) 页面被重定向到“www.google.com”，正如下面解决方案的 anchor 标记中最初提到的那样。

$('#shopall-btn').click(function() {
    location.href = "www.microsoft.com";   
});

2) 如果我这样做，“www.microsoft.com”会附加在我当前的链接中:-

$('#shopall-btn').click(function(e) {
    e.preventDefault();       // prevents default behaviour
    $('#shopall-anchor').attr("href","www.microsoft.com");
   return true;  // activate click
});

编辑 2 :-

如果您有同样的问题并且 href 链接附加到当前 url，请检查我的回答。

Answer 1

它附加到当前 URL 的原因是因为您使用的是相对 URL，因为您没有在链接中使用 http://。

$('#shopall-anchor').attr("href", "http://www.microsoft.com");

这是无效重定向的主要原因，对于其他问题，您已经有了答案:

$('#shopall-btn').click(function() {
    var newURL = "http://www.microsoft.com";
    // This will just change the href (technically of no use)
    $("#shopall-anchor").attr("href", newURL);

    // Actually redirect to the different page
    document.location.href = newURL;

    // Prevent all other navigation
    return false;
});