Written by Manabu Bannai

jQueryで外部リンクを別窓で開くスクリプト【コピペ用】

JavaScript PROGRAMMING

target=”_blank”を使うのはめんどうですよね。
jQueryを使うことで、外部リンクの別窓表示を自動化できます。
備忘録的なメモです。

jQueryで外部リンクを別窓で開くScriptはつぎのとおりです。

※hogehoge.comの部分を変更するだけで利用可能です。

<script type="text/javascript">
jQuery(document).ready(function($){
jQuery('a[href^="http"]').not('[href*="hogehoge.com"]').click(function(){
window.open(this.href, '');
return false;});
});
</script>

以上で完了です。

jQueryを読み込まないと使えないので、サイト内にjQueryを埋め込んでいない人はつぎのスクリプトをご利用ください。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
jQuery('a[href^="http"]').not('[href*="hogehoge.com"]').click(function(){
window.open(this.href, '');
return false;});
});
</script>

ブロガー向け:シンプルで美しいWordPressテーマを販売しています

» ミニマリスト向けのWordPressテーマ『Minimal』を作りました

おすすめ: SEOで最も重要な『キーワード選定方法』をまとめました。

» SEOキーワード選定する方法。具体的に5つの手順で解説します。