JavaScript - Điều kiện thực thi theo Label (nhãn) nhất định

Trong quá trình vận hành blog, chắc hẳn đôi lúc bạn sẽ có lúc muốn trang web của mình chỉ chạy đoạn mã JS ở một trang có nhãn nhất định, thay vì nó chạy ở tất cả các trang. Hoặc đôi khi bạn muốn làm điều đó nhưng lại phải chèn mã JS thủ công vào từng bài viết rất mất thời gian.

Hôm nay mình sẽ chia sẻ đoạn mã JS ngắn gọn giúp bạn có thể điều khiển việc chạy đoạn code JS ở những bài viết có một Label cụ thể.

<script type='text/javascript'>

//<![CDATA[

          var keywords = ["nhan-1", "nhan-2", "nhan-3"];

          var tags = document.getElementsByClassName("label-link");

          for (var i = 0; i < links.length; i++) {

            var content = tags[i].innerHTML;

            if (keywords.includes(content)) {

              tags[i].style.display = "none";

            }

          }

//]]>

</script>(code-box)

Trên đây chỉ là đoạn code mẫu, bạn sẽ phải chú ý đến một vài từ khóa để thay đổi cho phù hợp với blog của mình nhé, nếu không code sẽ không chạy.

Thứ nhất: var keywords là mảng để khai báo những Label mà bạn muốn thực thi mã JS.

Thứ hai: var tags là biến để lấy tất cả những label có trong bài viết đó, trong đó label-link là class mà bạn sẽ phải thay đổi cho khớp với blog của bạn.

Thứ ba: đoạn code trong thẻ if  sẽ là đoạn code được thực thi khi mà bài viết có chứa nhãn (label) được khai báo trong mảng keywords. Trong bài viết này dòng lệnh mẫu là tags[i].style.display = "none"; sẽ được thực thi.

Chúc bạn thành công!