targetを使わず外部リンクを新しいウインドウで開く

カテゴリー:jQuery

StrictなHTMLを目指す場合、リンクのtarget指定はあまり使いたくありません。
そこで、異論はあると思いますが、外部リンクの場合はすべて新しいウインドウで開くようにするスクリプトを作ってみました。なんだかちょっと無理矢理な感じがします…もうちょっとスマートなやり方がありそうなもんですが…。
ちなみに、ウチのサイトに実装してみました。チョットしたお試しです。

スクリプトのbaseUrlのところに、サイトルートのURIをいれてください。
(ホントは、baseタグを参照するといいんでしょうけど、ない場合がほとんどなので…)
http://から始まり、かつbaseUrlに入れたURLから始まらないリンクはすべてポップアップするようになります。

ポップアップブロックされてる場合はどうなるんだろう?

追記

またEmotional Webを参考にさせていただいて修正しました。

一つめの"a[@href^=http//]"は、「hrefという属性の値がhttp://からはじまるaタグ」と言う意味になります。
詳しくは、Supported, but differentを参照。

E[@foo^=bar] an E element whose "foo" attribute value begins exactly with the string "bar"

そして、そのあとに続くnot以降は、上記の条件を満たしたaタグの中から更に「href属性が変数baseUrlの中身のテキストからはじまるもの以外」と言う条件に当てはまるものを選び出す書き方です。
詳しくは、not( el )参照。

Removes the specified Element from the set of matched elements. This method is used to remove a single Element from a jQuery object.

つまり、両方合わせて「http://から始まり、なおかつ自分トコのURLではないリンク」という条件を作っているわけです。

スクリプト


$(document).ready(function() {
 var baseUrl = "http://www.kadoyan.com/";
 //
 $("a[@href^=http://]").not("[@href^="+baseUrl+"]").click(function() {
   window.open($(this).attr("href"));
   return false;
 });
});

2007年6月17日(日曜日)/09時32分 - kadoyan -
Yahoo!ブックマークに登録Yahoo!ブックマークに登録はてなブックマークに追加はてなブックマークに追加

トラックバックURL:

Nike Rosheさん曰く(2021年8月07日(土曜日) 20時34分):

https://www.pandoras.uk.com/
https://www.adidasshoesshop...
https://www.adidasultraboos...
https://www.ultraboost.uk.com/
https://www.yeezysboost-350...
https://www.nikesneakerssto...
https://www.nikesoutlets.us...
https://www.adidasyeezys.us...
https://www.pandorascharms....
https://www.nikepresto.us.org/
https://www.nike-onlinecana...
https://www.yeezyshoesstore...
https://www.adidasstoreonli...
https://www.pandorajewelryu...
https://www.nikeoutletstore...
https://www.adidas-original...
https://www.pandorarings.uk...
https://www.pandoracharmsbr...
https://www.adidasoutletsho...
https://www.yeezy350shoes.ca/
https://www.yeezy500boost.u...
https://www.nike-sneakers.u...
https://www.offwhite-shoes....
https://www.trainersstore.u...
https://www.yeezycanadastor...
https://www.ultra-boost.us....
https://www.adidass.us.com/
https://www.shoesoutletstor...
https://www.nikeclearancest...
https://www.nmdsadidas.us.com/
https://www.nikecanada-onli...
https://www.adidasoutletsto...
https://www.newtrainers.uk....
https://www.jewelrypandora....
https://www.yeezyshop.us.com/
https://www.trainersoutlet....
https://www.adidassuperstar...
https://www.trainerssale.uk...
https://www.outletadidassho...
https://www.adidascom.us.com/
https://www.pandorasjewelry...
https://www.nikeoutletstore...
https://www.nikeshoesshop.ca/
https://www.adidas-supersta...
https://www.newadidasshoes....
https://www.nikeshoesoutlet...
https://www.nmd.uk.com/
https://www.pandoracharmsbr...
https://www.nikeclearances....
https://www.nikeoutletsonli...
https://www.yeezyshoesboost...
https://www.yeezyshoesadida...
https://pandorabracelets-ch...
https://www.nikeair-force1....
https://www.nikesstoreoutle...
https://www.nikeoutlet--sto...
https://www.adidasshoesonli...
https://www.adidasyeezyoffi...
https://www.yeezyboost350v2...
https://www.nike-outletfact...
https://www.nikesrunningsho...
https://www.nike-rosherun.u...
https://www.officialyeezywe...
https://www.airforce1s.us.com/

 
%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%22%20%76%61%6c%75%65%3d%22%30%35%65%31%30%34%63%32%62%38%36%66%39%61%33%66%33%66%62%34%38%32%64%34%64%65%63%34%61%34%30%38%22%3e %3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%5f%68%61%73%68%22%20%76%61%6c%75%65%3d%22%66%35%39%63%33%32%66%66%61%32%30%35%31%38%33%36%30%63%63%34%37%37%32%37%37%34%63%34%31%38%65%39%22%3e
CATEGORY