リロードHTMLボタン javascript:history.goとjavascript:location.reload

  • このエントリーをはてなブックマークに追加
  • はてなブックマーク - リロードHTMLボタン javascript:history.goとjavascript:location.reload
  • Share on Facebook
  • Post to Google Buzz
  • Bookmark this on Yahoo Bookmark
  • Bookmark this on Livedoor Clip
  • Share on FriendFeed

ページのリロードをボタンで表示する時に、使うタグ。

【リロード・最新の情報に更新F5 してください】と記載するより
リロードボタンがあった方が、直感的でブラウザに慣れていない人に
とっては、ユーザービリティが良いかと思う。

HTMLで記述するやり方があり、javascript:history.go(0) を
紹介しているところが目立つがFireFoxに対応していない。
しかし、ご安心 javascript:location.reload() なら対応している。

記述例○:FireFoxおよびIEやSafariなど主要ブラウザ対応

<button onClick=”javascript:location.reload()”>ページを更新する</button>

記述例×:FireFox非対応のリロードボタン

<button onClick=”javascript:history.go(0)”>ページを更新する</button>

また、<button>タグでなくても<from>タグと<input>タグでも
HTML記述できるが<button>タグの方がカッコイイ。

<form><input type=”button” value=”更新する” onClick=”javascript:location.reload()”></form>

javascriptなので、携帯サイトには使えないが。
実際こんな感じ(リロードしても特に何も変わりません!)

はてなブックマークに追加

コメントは受け付けていません。

サブの椅子としてならイケる

★安いけど、いい感じです

メインの椅子は、アーロンチェアのアルミポリッシュ(20万ぐらい)を使ってますが、サブの椅子はお金をかけられませんよね。そこで、サブ椅子で使ってるのがコノ激安オフィスチェアで5,980円で買えます。座面のメッシュも背もたれも意外としっかりしていて、リクライニングも悪くはありません。サブの作業用椅子としてならいいと思います。とにかく安いけど、損はしないかと。