Webフロントエンド

JavaScriptは前のページに戻り、ページを更新します



Javascript Return Previous Page



1.window.location.reload（）現在のページを更新します
2.window.history.go（-1）前のページに戻る
3.window.history.back（）前のページに戻る
window.history.back（）戻った後、前のページだけでなく前のページの状態も返します。ページを3回変更した場合、前のページに戻るには3回戻る必要があります。また、データベースで削除されたデータはまだデータベースに表示されているため、非常に実用的ではありません。
解決策：history.back（）の後にreload（）を追加して、更新されたページに戻ることができるようにします。
つまり、history.back（）location.reload（）フレームがある場合は、フレーム名を前に追加するだけです。
4.document.referrerは前のページに戻り、更新します
私がマイクロモールで働いていたとき、私はそのような問題に遭遇しました。配送先住所を選択する場合は、[住所の追加]をクリックして[住所の追加]ページにジャンプします。アドレスを追加したら、前のページにジャンプして前のページに戻りたいです。データは、1ページ後に更新する必要があります。window.location.href= document.referrer
5. JavaScriptでは、ドキュメントオブジェクトには多くの属性があり、そのうちWebページへのリクエストに関連する属性は、URL、ドメイン、リファラーの3つです。
URL属性にはページの完全なURLが含まれ、domain属性にはページのドメイン名のみが含まれ、referrer属性には現在のページにリンクされているページのURLが格納されます。
最初の2つはよく理解されており、referrer属性は単に前のページのURLです。
次のように：前のページに戻るボタン
画像

var back = document.getElementById('back') //Assuming the return button element id is back back.onclick = function(){ history.back() //Return to the previous page, it can also be written as history.go(-1) } // or <a id='back' href='javascript:history.back()' rel='external nofollow' ></a>

以上は基本的に前のページに戻る機能を果たしていると思いますが、他のページから入力するのではなく、他の人と共有しているという、考慮されていない状況がありますか？この時点では履歴オブジェクトに履歴レコードがないため、ボタンをクリックしても応答がありません。これは、ブラウザウィンドウを開いたときに最初に参照するページであることを意味します。ユーザーエクスペリエンスを最適化するために、通常2つの解決策があります。 1つは、最初のページを開いたときに[前のページに戻る]ボタンを表示しないことです。もう1つは、クリックしてWebサイトのホームページに直接ジャンプすることです。これにより、製品の要件に応じて適切なソリューションを選択できます。
ここで、最初のオプションを選択すると仮定すると、JSのセクションを次のように書くことができます。



if(document.referrer){ back.style.display = 'block' //Hide it by default, and show it when the referrer attribute is not empty } //Share page Return to the previous page if (typeof document.referrer === '') { // When there is no source page information, change to the homepage URL address $('.jsBack').attr('href', '/') }

実際、現在のページが最初にユーザーによって開かれたページであるかどうかを判断する方法は、リファラー属性を判断するだけでなく、history.lengthがゼロであるかどうかを判断することによっても行われます。
宛先：https：//www.cnblogs.com/zhangqie/p/8137047.html
宛先：https：//www.jianshu.com/p/2137a778dffe