chèn thẻ target=’_blank’ cho web 1 cách tự động

Nhiều khi trên website của chúng ta thường có các link liên kết tới các trang web khác, mỗi lần người dùng nào quan tâm sẽ click vào trang đó và mặc định nếu ta không để thuộc tính target=”_blank” thì trình duyệt tự động chuyển hướng ngay tới trang liên kết. Đôi khi chúng ta lại không muốn vậy, đối với mỗi link ngoại tuyến trên trình duyệt sẽ mặc định mở 1 tab mới .

Các bạn có thể sử dụng đoạn code bên dưới để nếu như nhỡ có quên chèn thuộc tính target=”_blank” cho các link ngoại tuyến thì cũng không sợ người dùng lại phải gõ trên thanh địa chỉ để quay lại trang web của bạn nữa.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

    <script language="javascript">
        $(document).ready(function() {
            $("a[href*='http://']:not([href*='" + location.hostname + "']),[href*='https://']:not([href*='" + location.hostname + "'])").attr("target", "_blank").attr("title", "Opens new window").addClass("external");

        });
    </script>

các bạn có thể tạo style cho link liên kết bằng css tùy theo ý thích

.external
{
      /*--- your code here ---*/
}