a要素にtarget _blankを記述せずにJQueryにて自動指定する方法 | [k]id東京都世田谷区　ホームページ制作　[k]id

１、aタグにtarget _blankを記述する理由

スマートフォンの普及により、わざわざ別ウィンドウにしなくても、
履歴等で効率的にブラウジングが可能になってきています。

しかし、他のサイトを開く場合等、どうしても別ウィンドウにしたい事があると思います。
そこで今回は多のサイト（ドメインが異なる）場合にのみ、
jQueryを使用し別ウィンドウで開く様に指定をしてみたいと思います。

２、jQueryの設置

下記をヘッダに記述しjQueryライブラリを読み込んてください。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

 

３、JavaScriptの記述

適当な箇所にJavaScriptを記述してください。

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