href不断将本地文件路径添加到URL

Question

我在这里有点困难。我正在尝试将<a>标记设置为外部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>

​

每次在新的选项卡中打开新URL时，我都会得到以下内容: file:///C:/PASSIS%20-%20Landing%20Page/google.com

​

​

Answer 1

对于外部URL，需要有协议(http://或https://)才能让HTML知道它是外部资源/站点，而不是本地资源。

Answer 2

有一次我也很困惑。解决方案很简单，只需将协议类型添加到链接中，例如：

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

Answer 3

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

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