jQueryでリンク先が別ドメインのURL（外部サイト）かどうか判定して自動的にtarget=”_blank” rel=”noreferrer noopener”を加えるスクリプト

2022年5月26日2022年5月27日

完全に備忘録です。

前提条件
- メモ

前提条件

jqueryをheadタグ内で読み込んでいる
ES2015（ただlet使用しているだけ…）を使用しても問題ない状況である

$(function() {
    $('a').each(function() {
        let href = $(this).attr('href');
        let target = $(this).attr('target');

        // href属性がhttp(s)で始まっているか
        let link = href.match(/^https?:\/\//);
        if ( link == null ) return;

        // target属性に先客がいないか
        if ( typeof target === 'undefined' || target === false ) return;

        // ドメインが閲覧中ページと同じか
        if ( href.indexOf(location.host) != -1) return;

        $(this).attr('target', '_blank');
        $(this).attr('rel', 'noreferrer noopener');
    }
});