サイト内のリンクで別ドメインのものは全て別タブで開かせる

140 Views
JavaScript
サイト内のリンクで別ドメインのものは全て別タブで開かせる

ブログを書いていると別サイトにリンクしたい時ってないですか?
別サイトだから、自分のサイトからアクセス後に離脱して欲しくないので、別タブで開かせてページを閉じたら戻ってきてほしいものですよね?

ただ、毎回「target=”_blank”」の設定をするのはめんどくさい!
僕もそう思い、簡単なjsを作ってみました。
一応、jQuery必須です。

SNSでシェア♪

スポンサーリンク

対応したいページに以下のjsを追加

以上です。

内容としては
・hrefの指定に「http」または「https」の記述がある
・targetの属性がない
・ドメインが閲覧中のページと違う
ことで判定を行なっています。

そのため、すでに運用中のブログやサイトにも導入が可能です!

 

これで少し時間の短縮ができる様になったかと。

SNSでシェア♪

スポンサーリンク

関連記事