エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQuery で外部リンクにアイコン付けたり別ウィンドウで開いたり | TECHSCORE BLOG | TECHSCORE BLOG
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQuery で外部リンクにアイコン付けたり別ウィンドウで開いたり | TECHSCORE BLOG | TECHSCORE BLOG
こんにちは、鈴木です。 TECHSCORE Advent Calendar 2014 の 2 日目の記事です。 外部サイトへのリンク... こんにちは、鈴木です。 TECHSCORE Advent Calendar 2014 の 2 日目の記事です。 外部サイトへのリンクの横に「別ウィンドウで開きますよ」的なアイコンが付いているサイトって結構多いですよね。リンクを押すと別ウィンドウで開くアレです。 これを実現するために全力で頑張っても良いのですが、できることなら簡単な方法があると嬉しいですよね。 jQuery と CSS で実現する方法 jQuery と CSS を組み合わせて、ある程度楽に実現することができます。 以下の JavaScript を見てください。 $("a[href]").each(function() { if (!this.href.match(new RegExp("^(#|\/|(https?:\/\/" + location.hostname + "))"))) { // 別ウィンドウで開く. $(t