web-dev-qa-db-ja.com

前のページに戻る

自分のサイトに戻るボタンを作りたいだけです。ボタンをクリックしたら、前のページにURLを取り込む必要があります。 jqueryを使用してこれを作成するにはどうすればよいですか？

javascriptjquerybrowser-history
10
3gwebtrain

wRARによる答えは正解です。history.backまたはhistory.go（-1）を使用できます。ただし、ajaxを使用している場合は、それ以上のものが必要になる場合があります。

Stephen Walterが、使用方法に関するすばらしい記事を公開しています jQuery、ASP.NET、およびブラウザーの履歴 基本的に、アプリケーションの状態を自分で保存および復元する方法について説明しています。読んでみることをお勧めします。

Elijah Manor（公式jQueryポッドキャストの共同ホスト）もこのトピックについてNice article を書いています。

これが-Dに役立つことを願っています

18
Diego C.
<button type="button" onclick="history.back();">Back</button>
30
wRAR

JQMの場合、これは機能します。

$(document).ready(function(){
    $('.backLink').click(function(){
        parent.history.back();
        return false;
    });
});
6
Nishanthi Grashia

これを試してください：マテリアライズCSSを使用しています。

<button id="back_btn" class="btn waves-effect waves-light"  name="action">Back<i class="material-icons left">chevron_left</i>
</button>

Jqueryスクリプトファイルに追加します

$("#back_btn").click(function (){
  window.history.back();
});

ドキュメントレディ機能内。

3
Xerrex

button onclick="history.back();"は問題を解決する1つの方法だと思いますが、次の場合は機能しない可能性があります。

  1. ページが更新または再読み込みされた場合。
  2. ユーザーが新しいページでリンクを開いた場合。

これらを克服するために、どのページに戻らなければならないかがわかっている場合は、次のコードを使用できます。

例えば。 1つのページにリンクがなく、戻るボタンを使用してそのページに戻る場合。

<input type="button" onclick="document.location.href='filename';" value="Back" name="button" class="btn">

0
coder