JavaScript 履歴オブジェクトとは何ですか?

JavaScript の履歴オブジェクトはウィンドウ オブジェクトの一部であり、ユーザーがアクセスした URL の配列コレクションを表し、ウィンドウを開いた瞬間から始まるユーザーのオンライン履歴を保存するために使用されます。

この記事では、誰もが History オブジェクトを簡単に理解し、History オブジェクトのプロパティとメソッドを理解できるように、JavaScript の History オブジェクトを紹介します。お役に立てば幸いです。

History オブジェクトの属性

History オブジェクトには、length という属性が 1 つだけあります。履歴レコードを返す テーブル内の URL の数。例:

history.length // 如果在当前窗口先后访问了三个网站，有了三个URL，就会返回3

History オブジェクトのメソッド

History オブジェクトには、次の 3 つのメソッドがあります。

forward( ): 履歴リスト内の以前の URL を読み込みます。

back(): 履歴リストの次の URL を読み込みます。

go(): 履歴リスト内の特定のページをロードします。パラメータとして整数を受け入れることができます。例:

history.go(1)
/*相当于*/
history.forward()

history.go(-1)
/*相当于*/
history.back()

history.history.go(0)  /*相当于刷新当前页面*/

History オブジェクト メソッドの例:

History オブジェクト メソッドは、「前のページに戻る」リンクで使用できます

##1.html

<div id="demo">
	<a href="file:///D:/ksdler/Sublime%20Text/demo/2.html">2.html</a><br>
	<a href="#" id="backLink">返回上一页</a><br>

</div>
<script>  
document.getElementById(&#39;backLink&#39;).onclick = function () {
  window.history.back();
}
</script>

2.html

<div id="demo">
    <a href="file:///D:/ksdler/Sublime%20Text/demo/1.html">1.html</a><br>
    <a href="#" id="backLink">返回上一页</a><br>
</div>
<script>  
document.getElementById(&#39;backLink&#39;).onclick = function () {
  window.history.back();
}
</script>

レンダリング :

要約: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がJavaScript 履歴オブジェクトとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。