<a href添加本地文件路径到URL

Question

我这里遇到了一些困难。我想将一个 <a> 标签设置为外部 URL，但每次设置后，链接中都会添加包含该 URL 的 index.html 的本地路径。我已经查看了我的 jQuery 代码，似乎没有发现问题。我甚至使用 console.log(url) 进行测试，它正确地返回了 URL。

$('.smoothscroll').on("click", function() {
    if (nav.hasClass('mobile')) nav.fadeOut('fast');
})

$('.smoothscroll').on('click', function (e) {
    e.preventDefault();

    var target = this.hash,
    $target = $(target);

    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 800, 'swing', function () {
        window.location.hash = target;
    });
});
    
$('#login').on('click', function (e){
    e.preventDefault();
    var url = $(this).attr('href');
    window.open(url, '_blank');
});

<ul id="nav" class="nav">
    <li class="current"><a class="smoothscroll" href="#hero">Home.</a></li>
     <!--<li><a class="smoothscroll" href="#portfolio">Works.</a></li>-->
  <li><a class="smoothscroll" href="#about">About Us.</a></li>
    <li><a class="smoothscroll" href="#portfolio">Features.</a></li>
    <li><a class="smoothscroll" href="#contact">Create Account.</a></li>
    <li><a class="login" id="login" href="google.com">Login.</a></li>
 </ul>

每次在新标签页中打开新链接时，我得到的是：file:///C:/PASSIS%20-%20Landing%20Page/google.com。

- gbade_

---

请确保您的链接中包含 http:// 或 https://。有时这会导致问题。 - Script47

完全正确。添加协议。 - CompanyDroneFromSector7G

Answer 1

对于外部链接，您需要使用协议（http://或https://），以便HTML知道它是外部资源/站点，而不是本地资源。

- Script47

Answer 2

我曾经也困惑过这个问题。解决方法很简单，只需要在链接中加入协议类型即可，例如：

<a href="https://google.com">Google</a>

- linusg

Answer 3

由于您不是指向本地文件，而是外部页面，因此必须在 google.com 前添加 https:// (http://) 协议：

<a class="login" id="login" href="https://google.com">Login.</a>

- Thomas Orlita

---

谢谢。简单到这种程度，居然会给我带来这么多问题，真是难以置信。 - gbade_