Qu'est-ce que l'objet historique JavaScript ?

L'objet historique de JavaScript fait partie de l'objet fenêtre et représente un tableau d'URL visitées par l'utilisateur ; il est utilisé pour enregistrer l'historique en ligne de l'utilisateur, à partir du moment où la fenêtre est ouverte.

Cet article vous présentera l'objet historique de JavaScript, afin que vous puissiez avoir une compréhension simple de l'objet historique et connaître les propriétés et les méthodes de l'objet historique. J'espère que cela vous sera utile.

Attributs de l'objet History

L'objet History n'a qu'un seul attribut, à savoir : length, qui est utilisé pour renvoyer les enregistrements de l'historique. Le nombre d'URL dans le tableau. Exemple :

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

Méthodes de l'objet History

L'objet History a trois méthodes, qui sont :

forward( ) : charge l'URL précédente dans la liste de l'historique.

back() : charge l'URL suivante dans la liste de l'historique.

go() : Charge une page spécifique dans la liste d'historique, et peut accepter un entier comme paramètre, par exemple :

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

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

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

Exemple de méthode objet History :

La méthode objet Historique peut être utilisée dans le lien "Retour à la page précédente"

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>

Rendu :

Résumé : Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!