Tự động mở liên kết trong cửa sổ mới

Tổng quan ​

Thông thường với những liên kết bên ngoài trang web sẽ được mở trong cửa sổ mới, còn liên kết bên trong trang web sẽ mở trong cùng cửa sổ. Để mở liên kết trong cửa sổ mới, chúng ta thường sử dụng thuộc tính target="_blank" trong thẻ a của HTML. Tuy nhiên, việc thêm thuộc tính này vào từng thẻ a một cách thủ công sẽ tốn thời gian và công sức. Chúng ta có thể sử dụng JavaScript để tự động mở liên kết trong cửa sổ mới mà không cần phải thêm thuộc tính target="_blank" vào từng thẻ a.

Cách thực hiện ​

Viết một đoạn mã JavaScript để quét qua tất cả các thẻ a trong trang web và thêm thuộc tính target="_blank" vào các thẻ a mà không có thuộc tính target.

document.addEventListener("DOMContentLoaded", function () {
  const currentDomain = window.location.hostname;
  const links = document.querySelectorAll("a");
  links.forEach((link) => {
    const href = link.getAttribute("href");
    if (href && !href.includes(currentDomain) && href.startsWith("http")) {
      link.setAttribute("target", "_blank");
      link.setAttribute("rel", "noopener noreferrer");
    }
  });
});