サイト制作に使用した自作jQueryコードのご紹介WEB-PARK.ORGContactRssTwitter外部リンクのブランク設定をJavascriptで制御Javascriptblank/DOM/jQuery/ライブラリ/2009.05.27ツイートtarget=”_blank”の使用はHTMLの属性により、文法エラーになることがあります。リンク動作はユーザに委ねるべきだということも考慮しなければなりません。しても使用しなければならない場合もあると思います。それを解決するのがJavascriptです。文法エラーは無視すれば問題ないのですが、ユーザのことを考えるのであれば、これをサイトに導入すべきです。DOMによる実装まずはa要素を取得しよう“getElementsByTagName”で簡単にa要素を取得できます。変数”Anchor”にa要素を指定します。document.getElementsByTagName('a');a要素の判別a要素をforループを使い調べます。要素ノードから属性ノードを取得するメソッド「getAttribute属性」を使い、”http://”で始まっているかを判別します。その際「正規表現」を使います。”/^http:\/\//”の部分が正規表現です。“window.open”を使い外部リンクだった場合、別ウィンドウを開く処理をします。記述先はif分の間です。function()”で読み込ませ、今までの記述を合わせればOKです。false;}}}};クラスを指定する外部リンクのみにクラス指定をすることも可能です。することで、外部リンクのみにアイコンを付けたりでき、視覚的に認知させることも可能です。false;}}}};サンプルこちらのサンプルでは、クラス名も設定しています。設定は簡単jQueryを使うと簡単に実装可能です。false;});});クラスを追加クラス追加はjQuery無しの時とほぼ同じです。違いは”.addClass”が使用できる点です。?>/aboutなどのように絶対パスで掃き出されるようにすることが多いのでそういう場合にも対応できるようにif(a.getAttribute(‘href’).match(/^http:\/\//))は、http://のマッチングに加えてドメインが違うリンクのみに適用すると広く使えます。AM確かに同ドメイン内のリンクがブランクになると困りますね。WordPressを使用しているのにその事を忘れてました。(必須)ウェブサイトトラックバック「外部リンクのブランク設定をJavascriptで制御」のトラックバックURLhttp://web-park.org/javascript/external090525.html/trackbackCATEGORYFlashJavascriptPhotoshopwebsiteWordPressRECENTRYjQueryでモーダルウィンドウのプラグインを自作したので公開します。year1982FromOsaka,Japan。