web-dev-qa-db-ja.com

onclick = "javascript:history.go(-1)"はChromeで動作しません

このコードはFFでは正常に機能し、ユーザーを前のページに戻しますが、Chromeではそうではありません。

<a href="www.mypage.com" onclick="javascript:history.go(-1)"> Link </a>

修正は何ですか?

20
user961627

hrefがブラウザによってナビゲートされないように、window.historyを使用してfalseを返す必要があります(デフォルトの動作)。

<a href="www.mypage.com" onclick="window.history.go(-1); return false;"> Link </a>
57
Mohit Padalia

以下のものを使用してください。history.go(-1)よりもはるかに優れています。

<a href="#" onclick="location.href = document.referrer; return false;"> Go TO Previous Page</a>
8
Majid Ali Khan

インラインjavascriptを取り除き、代わりにこのようなことをしてみませんか?

インラインjavascriptは時代遅れなので、悪い習慣と見なされます。

ノート

addEventListener を使用する理由

addEventListenerは、W3C DOMで指定されたイベントリスナーを登録する方法です。その利点は次のとおりです。

イベントに複数のハンドラーを追加できます。これは、他のライブラリ/拡張機能が使用されている場合でもうまく機能する必要があるDHTMLライブラリまたはMozilla拡張機能に特に役立ちます。これにより、リスナーがアクティブになったとき(キャプチャとバブリング)のフェーズをきめ細かく制御できます。HTML要素だけでなく、DOM要素でも機能します。

<a id="back" href="www.mypage.com"> Link </a>

document.getElementById("back").addEventListener("click", window.history.back, false);

オン jsfiddle

6
Xotic750

これを試して:

<a href="www.mypage.com" onclick="history.go(-1); return false;"> Link </a>
5
karaxuna

この男を試して、

<button onclick="goBack()">Go Back 2 Pages</button>
<script>
  function goBack() {
    window.history.go(-2);
  }
</script>
2
Rahmad Saleh

それは私のために働いた。 javascript:history.go(-1) onGoogle Chrome

  1. これを使用するには、そのタブに履歴があることを確認してください。
  2. RLを入力スペースにjavascript:history.go(-1)を追加します。
  3. 数秒間動作します。
1
StoodyHarp72317

単純に次の行コードを使用します。href属性に何かを入れる必要はありません。

<a href="" onclick="window.history.go(-1)"> Go TO Previous Page</a>
0
Deepak Pandey