ブログフロントエンド10年目の僕がHTML、CSS、javascriptの忘れがちなことを日々書いています。HTMLCSSjavascriptPHP箱庭タウンズjQueryでaタグが外部リンクかを自動判定して[target=”_blink”]を付ける2024年03月18日この記事は約2分で読めます。広告aタグが外部リンクだった時、よっぽどの理由がない限り別窓で表示する「target="_blink"」を付けるじゃない。自分でHTMLを記述していれば当たり前に付けるけど、Wordpressの時はこうゆう気づかいって結構大事。いうプラグインを入れてもいいんだけど、js1行だけで済むので、この書き方のがお得感があるじゃない。外部リンクか判定して自動で「target=”_blink”」場合この様に書きます。jQueryjQuery('a[href^=http]').not('[href*="'+location.host+'"]').attr({target:"_blink"});デモこのブログトップGoogle.comYahoo!JapanBingDuckDuckGo繰り返し処理の場合[each()]でループしなくちゃと思うけどこの記述だけで、ページにあるすべての外部リンクに適応できちゃうんだ。コンソールログで見て分かりやすい様に、このページの外部リンクには[target="_blink"]の他に、追加で[data-comment="外部URLだよ"]を付けてあるから見てみてね!1行で全ての外部リンクに対応するこの書き方は、こちらのブログを参考にしました。ありがとうございます!知ってたら教えて欲しいんだけど、「blink」の由来って、HTMLが作られた当時に何かをもじって付けられたって、むか~しどこかで読んだ気がするけど、探しても出てこない。「どこかで読んだ」のが妄想だったのかわからないから、真実を知っている人がいたら教えてください。javascriptjQueryaタグblinkの由来を知っている人いたら教えて欲しいjQuerytarget_blinkリンク判定外部リンク自動判定こんな建物だれがどうしてつくったの?エンデ・バタローフロントエンドエンジニアとして10年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、今は亡きXHTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。制作のご依頼はこちらから連絡ください。ブログ初めてのブログこの投稿関連の記事javascript【jQuery】ソート機能を自力で実装jQueryでソート機能を作るには、何かのリストが沢山ある必要がある。なにのリストにしようか........ネジメーカ...2020年04月11日javascriptjQueryjavascript【jQuery】要素を空にするjQueryで要素を空にする方法のご紹介です。要素を空にする場合「empty()」と「remove()」の二つの方法が...2023年02月13日javascriptjQueryjavascript【jQuery】要素の追加方法(要素内のはじめ、後ろ、要素外のはじめ、後ろや要素を包む方法も)いつもjQueryで要素を追加する時に検索してトップに出てくるキータを見ています。連打防止がついてるとめっちゃ親切。なんとなくどうやってやっているのか気になって...2019年07月28日javascriptjQueryjavascript【jQuery】パラパラ漫画の作り方|画像切り替え&スプライト画像アニメ動画とかGifを複数個ウェブページに載せると容量がデカくなっちゃって、困る時がある。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)ホームjavascriptjQueryでaタグが外部リンクかを自動判定して[target=”_blink”]を付ける広告エンデ・バタローフロントエンドエンジニアとして10年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、今は亡きXHTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。制作のご依頼はこちらから連絡ください。ブログ.メニューHTMLCSSjavascriptPHP箱庭タウンズ検索タイトルとURLをコピーしました。