Objet history

Article classé dans

Introduction à l'objet history


Avec cet objet, on peut accéder à n'importe quelle page de la liste d'historique stockée par le navigateur. La plupart du temps, cet objet est utilisé pour créer des bouton "précédent" (back) et "suivant", (forward) équivalents aux boutons du navigateur.

Hiérarchie de l'objet history


html53.gif

Les principales propriétés de l'objet history


Exemple d'utilisation : history.propriété

<br><br><table border="1" bordercolor="#330033" cellpadding="3" cellspacing="1" width="489"><tbody><tr><td align="center" bgcolor="#6699cc"><span class="texte"><b>Propriété</b></span></td><td align="center" bgcolor="#6699cc"><span class="texte"><b>Description</b></span></td></tr><tr><td><span class="texte"><b>current</b></span></td><td><span class="texte">Permet d'accèder à l'URL courante</span></td></tr><tr><td><span class="texte"><b>length</b></span></td><td><span class="texte">Nombre d'entrée dans l'historique</span></td></tr><tr><td><span class="texte"><b>next</b></span></td><td><span class="texte">Entrée suivante dans la liste d'historique</span></td></tr><tr><td><span class="texte"><b>previous</b></span></td><td><span class="texte">Entrée précédente dans la liste d'historique</span></td></tr></tbody></table><br><br>

Les principales méthodes de l'objet history


Exemple d'utilisation : history.méthode(n)

<br><br><table border="1" bordercolor="#330033" cellpadding="3" cellspacing="1" width="489"><tbody><tr><td align="center" bgcolor="#6699cc"><span class="texte"><b>Méthode</b></span></td><td align="center" bgcolor="#6699cc"><span class="texte"><b>Description</b></span></td></tr><tr><td><span class="texte"><b>back()</b></span></td><td><span class="texte">charge le document précédent</span></td></tr><tr><td><span class="texte"><b>forward()</b></span></td><td><span class="texte">charge le document suivant</span></td></tr><tr><td><span class="texte"><b>go(n)</b></span></td><td><span class="texte">charge le document n (n étant un nombre positif ou négatif ou une chaîne de caractères)</span>

Quelques exemples


Exemple 1 : retour n-3 document dans votre historique

<form>
    <input type="button" value="Recule n-3 document" name="Précédente3" onclick="history.go(-3)" />
</form>
<form>
<input value="Recule n-3 document" name="Précédente3" onclick="history.go(-3)" type="button">
</form>
<br />

Exemple 2 : actualiser une page

<form>
    <input type="button" value="Actualiser" name="url" onclick="history.go(0)" />
</form>
<form><input value="Actualiser" name="url" onclick="history.go(0)" type="button"></form></span></td>

</tr>
</tbody></table>
</td>
</tr>
</tbody></table>

Article publié le par ALL HTML.