このコードは FF では正常に機能し、ユーザーを前のページに戻しますが、Chrome では機能しません。
<a href="www.mypage.com" onclick="javascript:history.go(-1)"> Link </a>
修正は何ですか?
このコードは FF では正常に機能し、ユーザーを前のページに戻しますが、Chrome では機能しません。
<a href="www.mypage.com" onclick="javascript:history.go(-1)"> Link </a>
修正は何ですか?
ブラウザによってナビゲートされないように、falseを使用window.history
して返す必要href
があります (デフォルトの動作)。
<a href="www.mypage.com" onclick="window.history.go(-1); return false;"> Link </a>
以下のものを使用してくださいhistory.go(-1)
。
<a href="#" onclick="location.href = document.referrer; return false;"> Go TO Previous Page</a>
これを試して:
<a href="www.mypage.com" onclick="history.go(-1); return false;"> Link </a>
インライン 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について
この男を試してみてください、
<button onclick="goBack()">Go Back 2 Pages</button>
<script>
function goBack() {
window.history.go(-2);
}
</script>
この行コードを使用するだけで、href 属性に何も入れる必要はありません。
<a href="" onclick="window.history.go(-1)"> Go TO Previous Page</a>