小例子-使用JS/JQ獲取a標簽的href網址

最初的想法只是想要添加一個點擊事件就可以跳到設定的窗口。

本身就是把window.location.href = href添加進事件里面就可以解決了。后面自己把自己搞糊塗了。
這里主要是說使用JS和JQ獲取a標簽的href網址，使用比較簡單，基本就是拿來用就可以了。
先看看html部分的代碼

 <div>
    <a id="demo" href="https://www.baidu.com"></a>
  </div>
  <p id="p">點擊跳轉到百度</p>

我把a標簽嵌套在div里面，之后通過點擊事件點擊p標簽“跳轉到百度”這個按鈕來獲取href，之后通過新窗口打開百度網址，進入百度。

以下是使用到的JS代碼和JQ代碼

  // 使用Js獲取
    document.querySelector('#p').onclick = function () {
      var ahref = document.querySelector('#demo');
      window.open(ahref.href);//在新窗口打開
      window.location.href = ahref.href;//在原來窗口打開
    }


    // 使用JQ獲取
    $('#p').click(function () {
      var hreF = $(this).prev().find('#demo').attr('href');
      window.open(hreF);//在新窗口打開
      window.location.href = hreF;//在原來的窗口打開
    })

其實還有一個方法可以在原來的窗口打開新的網頁
和這個一樣window.location.href = hreF
這個方法是window.location.replace(hreF)
都是在原來的窗口打開新的窗口，但是前者在打開新窗口之后可以返回，但是后者就不可以返回了。

求大佬解答一個問題
為什么我在服務器上面獲取到地址后使用window.location.href = hreF打開不了新的窗口。
但是使用這個之后window.location.replace(hreF)就可以打開新的窗口呢