2009/11/18

[javascript]aタグのonclickについて

aタグのhref属性ではなくて、onclickでページのリンクを実現するために下記のようなプログラムを作成しました。

<a href="void(0)" onclick="(function(){location.href='http://yahoo.co.jp';}());">
Test
</a>

実際にクリックしてみると、どういうわけか、リンク先に画面が遷移しません。

ちょっと調べてみると、IE6の仕様っぽくて、return falseを入れないと画面が遷移しないみたいなのです。

というわけで、return falseを入れた最終的なプログラムはこちらになります。
<a href="void(0)"
onclick="(function(){location.href='http://yahoo.co.jp';}());return false;">
Test
</a>

動かしてみると、無事にリンク先に遷移しました。

めでたし、めでたし

参考サイト:location.href

0 コメント:

コメントを投稿