如何讓超鏈接 （hyperlink）以新標簽開啓 - Ghost CMS | JavaScript

因爲本站有許多有趣的服務介紹，但是如果習慣像我一樣喜歡將連接都以右鍵選擇在新標籤頁開啓的話，可能會不太習慣在手機上瀏覽的方式，這樣照成思緒上中斷。

網站上有太多外部鏈接，但是讀者點擊後就算是離開了，可以用簡單的 JavaScript注入到網站，在新標籤頁開啟鏈接的內容，順便延長用戶的瀏覽時間：

Instruction 步骤：

• Setting > Code Injection
• Site Footer 中植入以下代碼：

<script>
  const anchors = document.querySelectorAll('a');

  for (x = 0, l = anchors.length; x < l; x++) {
    const regex = new RegExp('/' + window.location.host + '/');
    
    if (!regex.test(anchors[x].href)) {
      anchors[x].setAttribute('target', '_blank');
      anchors[x].setAttribute('rel', 'noopener');
    }
  }
</script>

• SAVE

最后：

看了代碼，因為略懂 JavaScript 皮毛，看得出是指定超鏈接標籤 <a></a> 有效。