タグ : html

「HTML5&CSS3レッスンブック」が入門書に最適

エンジニアの新人教育に携わる機会を得たので、土日に「HTML5&CSS3レッスンブック」を読みました。

HTML5&CSS3レッスンブック

僕がエンジニアの新人研修のときに出会っておきたかったなと思えるような良い入門書です。Amazon のレビューも高評価が多いので、良書なんでしょうね。

エンジニアやデザイナーの入門書にうってつけの本が見つかってよかったです。

[JavaScript][html] a href=”” onclick の使い方

onclickの使い方を調べていたら、「href=”#” onclick の悪習」という記事を見つけたのでメモ。

a タグで実現する方法

ダメな例

<a href="#" onclick="...">検索</a>

a 要素の href 属性に値が入ってると onclick 属性の内容を実行後に href 属性の値を参照しようとしてしまいます。

また # が入ってる場合はページの一番上部にページ内遷移してしまいます。

良い例

<a href="javascript:void(0)" onclick="...">検索</a>

また onclick イベントハンドラを実行するなら、この書き方がスッキリしてて良さそうです。

<a href="javascript:(onclickの内容)">検索</a>

spanで代用する方法

<span style="cursor: pointer" onclick="...">検索</span>

以上です。

参考情報

Re:href=”#” onclick の悪習[to-R]