埼玉のWebコンサルタント

ブログ

外部リンクのときは自動で別ウィンドウが開くようにする方法

外部リンクを掲載するときは別ウィドウが開いて遷移するようにしたいのですが、毎回アンカーテキストにtarget="_blank"を記述するのはめんどい!そんな人のために一括処理する方法を紹介します。

jQueryで外部リンクを判定して処理

$(function() {
  $('a[href^=http]').not('[href*="'+location.hostname+'"]').attr('target', '_blank');
});

ついでにclassも付与

$(function() {
  $('a[href^=http]').not('[href*="'+location.hostname+'"]').attr('target', '_blank').addClass('external');
});

あとは、お好みのスタイルをあてて完成です。

外部リンクサンプル(Googleが開きます)


PageTop