勉強したことのメモ

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

  関連記事

jQueryやJavaScriptで認識違いしていたところのメモ(高速化)

認識違いしていたり、知らなかったりでもっと高速な 処理を行えそうな点があったので ...

jQueryでドロワーメニューの作成

■やりたかった事 スマホ用サイトにドロワーメニューを設置したかった。 &nbsp ...

javascriptで実行時間の測定

var time_test = function(){ var x = 1; f ...

chardin.jsを利用して注釈を入れる

簡易マニュアルとかでむっちゃ使えそう。 ■chardin.js http://h ...

JavaScriptで連想配列を数値でソート

数字の大きい順でソートしたかったんだけど、 色々調べてhash.sort云々やっ ...

JavaScriptで多次元連想配列

JavaScriptで多次元の配列を作る際にいつも迷ってしまうのでメモ。 ■こう ...

GoogleMapAPIで現在地を更新する方法

GoogleMapAPIを使って現在地を取得してその場所にマーカーを設置、その後 ...

マウスオーバーでの画像切り替えをJavaScriptで簡単に対応

マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...

javascriptの文末

下記みたいなコードがあって、文末に「;」が 無いのになんで動くのこれ? となった ...

Highstockの使い方とカスタマイズ

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