外部リンクを別窓で開くJavaScript, 動的追加されるリンクにも対応させてみた (jQuery使用) - rakugakibox.net

外部リンクは軒並み target="_blank" にして別窓で開きたいことがある。 そんなとき、HTMLが修正出来ないページ（このはてなブログも）では JavaScriptで対応することになるのだけど、 よくある方法では不十分だったので自前で実装してみた。 よくある方法 よくあるのはこんな感じのコード。 DOM Readyをトリガーに、対象の要素に対して target="_blank" をセットしていく。 属性セレクタで自サイトのホスト名を含まないリンクを対象にしてる。 $(function() { $("a[href^=http]:not([href*='" + location.hostname + "'])" ).attr("target", "_blank"); }); 参考サイト 外部リンクにtarget="_blank"とclassを付与するjQueryで別窓アイコンを付ける