BLOG ENTRY

previousnext

リンクにtarget=”_blank”を使わないでjavascriptで外部リンクにする

face厳密DTD や XHTML 1.1などで非推奨（というか廃止？）タグとされている<a>タグのtarget="_blank"。


この仕様には賛否両論らしいですが、個人的には外部サイトへのリンクの場合は外部リンクのほうがユーザーには便利だと思うんですけどね（普段ネットサーフィンしてて特にそう思う）


外部リンクをtarget="_blank"を使わないでjavascriptを使った代替コーディングを行います。
サンプルページ

  2. window.onload= function() {
  3.     var a_all = document.getElementsByTagName("a");
  4.    
  5.     for (i = 0; i <a_all.length; i++) {
  6.         a_all[i].target = "_blank";
  7.     }
  8. };
  9. </script>
  10. <a href="http://www.google.co.jp">Googleに外部リンク</a>



はい終わり。


でもこれだとページ内のリンクが全部外部リンクになっちゃうので、たとえばこんな感じで外部リンクと内部リンクを分けてみる。
※差異点はname属性を追加したこととgetElementsByNameに変更したことのみです。
サンプルページ

  2. window.onload= function() {
  3.     var a_all = document.getElementsByName("outside");
  4.    
  5.     for (i = 0; i <a_all.length; i++) {
  6.         a_all[i].target = "_blank";
  7.     }
  8. };
  9. </script>
  10. <a href="http://www.google.co.jp">Googleに通常リンク</a><br />
  11. <a href="http://www.google.co.jp" name="outside">Googleに外部リンク</a>

※IEとOperaの場合、getElementsByNameでname属性だけでなくid属性も取得対象となってしまうので注意。



終わり。

comments(0)
はてなブックマークに追加 del.icio.usに追加 ライブドアクリップに追加 POOKMARK Airlinesに追加 Buzzurl（バザール）に追加 ニフティクリップに追加
DATE2008.08.15

WRITE COMMENT


（required）


（required）


（required）

MENU