Tự động thêm thuộc tính target="_blank" cho link phần bình luận blogspot

Mặc định các đường link ở phần bình luận của blogspot khi độc giả của bạn click vào link sẽ sang website đích luôn. Và bài viết này mình sẽ hướng dẫn anh em thêm thuộc tính target='blank' cho link để khi độc giả click vào sẽ mở ra cửa sổ mới

Hướng dẫn

Sử dụng đoạn js sau

<script>
// <![CDATA[
document.addEventListener("DOMContentLoaded", function () {  var commentHolder = document.getElementById("comment-holder");
  if (commentHolder) {
    var links = commentHolder.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
      links[i].setAttribute("target", "_blank");
    }
  }
});
//]]>
</script>

Như vậy là các đường link trong phần comment đã được thêm thuộc tính target='blank' một cách tự động

• Trong đó comment-holder là ID của phần comment. Nghĩa là đoạn js bên trên chỉ có tác dụng với các link thuộc id comment-holder
• Mở rộng ra các bạn hoàn toàn có thể áp dụng cho các id khác trong blog của mình nếu muốn
• Ngoài ra, các bạn có thể tùy chỉnh thêm tính năng đối với các đường link nội bộ thì không cần thêm thuộc tính target='blank' bằng cách sử dụng đoạn js bên dưới

 
  <script>
// <![CDATA[
document.addEventListener("DOMContentLoaded", function () {
  var commentHolder = document.getElementById("comment-holder");
  if (commentHolder) {
    var links = commentHolder.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
      var link = links[i];
      var href = link.getAttribute("href");
      if (href && (href.startsWith("http://") || href.startsWith("https://"))) {
        if (href !== "javascript:;") {
          link.setAttribute("target", "_blank");
        }
      }
    }
  }
});

//]]>
</script>

Và ta được kết quả như hình dưới Hoặc sử dụng đoạn js bên dưới để áp dụng cho toàn bộ blog/website mà không giới hạn trong khung comment

 
  <script>
// <![CDATA[
document.addEventListener("DOMContentLoaded", function () {
  var links = document.getElementsByTagName("a");
  for (var i = 0; i < links.length; i++) {
    var link = links[i];
    var href = link.getAttribute("href");
    if (href && href.indexOf(window.location.origin) !== 0) {
      if (href !== "javascript:;") {
        link.setAttribute("target", "_blank");
      }
    }
  }
});
//]]>
</script>

Chúc anh em một ngày vui! :)