勉強したことのメモ

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で偶数or奇数行にclassを付与

やりたかった事は、 ・PHPは使えなくてjavascriptかjQueryを使用 ...

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

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

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

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

他サイトのRSS情報を画像付きで表示させる

WordPressでAというサイトを作成し、AのRSS情報をBというサイトでアイ ...

IEでjavascript関数の初期値

あるJavaScriptの関数でchromeやfirefoxは正常に動いたけどI ...

クロスドメインのiframeで子フレームから親フレームにheightの値を渡す

やりたかった事は、 ・iframeで子フレームから親フレームにheightの値を ...

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

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

リンク部分にマウスオーバーでツールチップを表示(nicetitles.js)

既存のソースにて見たことの無いプラグインが 使われていたのでメモ。 ■参考 ht ...

javascriptのtry文

javascriptとかjQueryを使ってて、Firefox,chromeはい ...

JavaScriptで年齢計算

JavaScriptで年齢計算。 ■ソース function ageCalcul ...