勉強したことのメモ

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

  関連記事

javascript_logo_unofficial-300x300
highcharts.jsで棒グラフと折れ線グラフを1つのグラフに入れる

やりたかった事は、 ・棒グラフと折れ線グラフを入れたい ・Y軸はそれぞれ違う値に ...

javascript_logo_unofficial-300x300
javascriptで実行時間の測定

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

jquery_logo
テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...

javascript_logo_unofficial-300x300
CSSとJavaScriptでテキストのコピー防止

あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、 ...

javascript_logo_unofficial-300x300
JavaScriptで連想配列を数値でソート

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

javascript_logo_unofficial-300x300
JavaScriptでURLのクエリを取得する

やりたかった事はJavaScriptでGETのクエリを取得。 ■ソース var ...

android_logo2-300x224
Android2.3でJavaScriptのエラー

Android2.3で関数が動かないといったエラーが発生していた。 担当外だった ...

javascript_logo_unofficial-300x300
JavaScriptだけでTOPへ戻るリンクの表示

ページ内をある程度スクロールするとTOPへ戻るリンクを 表示させたかった。 ただ ...

110126-HTML5_Logo
HTML、javascriptソースの暗号化

サーバーサイドはソースを見られないけどクライアントサイドはソースを見られるので、 ...

javascript_logo_unofficial-300x300
getElementsByTagName

うろ覚えだけど業務中に、 document.getElementById('aa ...