勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

ページのリロード、ページの戻る

      2014/07/03

ブラウザのリロードと同じようなボタンを作成してほしいとの
要望があって色々あったのでメモ。

まず思いついたのはhistory.back()
一つ前のページに戻られる。検索サイトとかから来た場合
動作しないけど、そういう心配があまりないページだったので
これでよさそう。

と思ってつまずいたのが、

Aページ⇒Bページ⇒BからCページ遷移していると見せかけてjQuery
ページを上書きしている

といった場合。

3つめの状態でAに戻りたいけどhistory.back()では戻られない。
なので、2つ戻るかページを更新するか。

■参考サイト
http://www.tagindex.com/javascript/link/back.html
http://www.htmq.com/js/location_reload.shtml

history.go(int);
intの数だけ進む。負の値だと戻る。

location.reload();
ページをリロードする。

で、さらに問題が発生。

C⇒D⇒EでEからDに戻りたいけどCからDに行く際に
POSTで情報を投げていた場合。

ブラウザによっては有効期限切れのページになる。

POSTを送りなおしたり面倒くさいことをすればなんとか
なりそうだけれども、簡単には無理っぽいので断念。

 - javascript

  関連記事

mzl.qobqfuxq
GoogleMapAPIでヒートマップを表示する方法

GoogleMapAPIで花粉状況や雨量を可視化しやすいようなヒートマップ的なも ...

javascript_logo_unofficial-300x300
JavaScriptで画像に光沢をつける(glossy.js)

凄く簡単に光沢がつけられるライブラリがあったのでメモ。 ライブラリを呼び出してc ...

jquery_logo
prototypeとjqueryの競合

ちょいちょい見るが、実際に競合をおこしているケースに あたったのでメモ。 ↓↓の ...

mzl.qobqfuxq
PHPで位置情報を取得してGoogleMapAPIで使用する方法

GPSみたいな位置情報をPHPで取得し、GoogleMapAPIでその場所を反映 ...

javascript_logo_unofficial-300x300
youtubeの埋め込みをポップアップ表示させる方法

youtubeの埋め込みリンクをLightboxみたいにポップアップ表示させる方 ...

javascript_logo_unofficial-300x300
JavaScriptでinputタグのtypeを変更

チェックボックスの状態によって inputタグのtypeをtext⇔passwo ...

javascript_logo_unofficial-300x300
IE&javascriptの予約語

前にもひっかかった問題で、今日同じことで 時間をとられたのでメモ。 予約語? っ ...

javascript_logo_unofficial-300x300
Highstockの使い方とカスタマイズ

株価などの値動きを図表とするローソク足のグラフを何らかの方法で描写したかった。調 ...

javascript_logo_unofficial-300x300
javascriptでランダム英数字

やりたかった事はjavascriptでランダム英数字の羅列を取得。 ■参考サイト ...

jquery_logo
Ajaxでプラグイン無しのファイルアップロード

画像ファイルを添付できて、尚且つAjaxを用いた非同期通信のフォームを作りたかっ ...