CSSが得意な渋谷のウェブデザイナーのウェブ開発メモ

[PR] Another American Dictionary Spanglish with us!

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

jQuery で target="_blank" を使わず別ウィンドウ

厳密な xhtml ではtarget="_blank"はなしとされています。
最近のウェブブラウザではタブでウィンドウを開くことができるので別ウィンドウで開く意味はますますなくなります。

どうしても別ウィンドウでリンクさせたい場合は以下のJavaScriptを使います。
$(document).ready(function(){
  $("._bank").click(function(){
    window.open(this.href,'_blank');
      return false;
    });
});


newwindow.jsと名前をつけてjsフォルダにアップしたら、以下の2行を<head>のなかにコピペ
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/newwindow.js"></script>


htmlの書き方
<a href="http://jquery.com/" class="_blank">jQuery</a>

target の代わりに class で別ウィンドウリンクさせることができます。
最新バージョンのjQueryはhttp://jquery.com/
関連記事
この記事役にたった?
管理者にだけメッセージを送る

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。