Exemples détaillés de retour et d'actualisation en JavaScript

Que nous apprenions JavaScript ou dans notre développement quotidien, les fonctions de retour et d'actualisation ont toujours été rencontrées, le tout pour une meilleure expérience utilisateur, nous allons donc vous présenter aujourd'hui des exemples détaillés de retour et d'actualisation en Javascript !

<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前进 onclick="window.history.go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前进 onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()">

Retour+ActualiserDans un programme Web C#, par exemple , écrivez retour à la page précédente code du bouton de la page

this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");

Parmi eux, history.go(-2) doit s'écrire -2, car avant le L'événement de bouton est déclenché, la page a été actualisée une fois, elle devrait donc être -2.

Response.Write("<script language=javascript>history.go(-2);</script>");

Cela devrait également être écrit comme "-2". C’est différent d’écrire directement des scripts. history.back() c'est aller à la page précédente
i=1
history.go(i) à une page spécifiée
Si c'est history.go(0), c'est rafraîchir ces deux Codes JS, équivalents aux fonctions avant et arrière d'IE.
L'utilisation spécifique dépend du moment où vous en avez besoin. Par exemple, la vérification lorsque l'utilisateur s'inscrit est une vérification des antécédents. Elle peut être utilisée lorsque les exigences ne sont pas remplies, ce qui peut minimiser la nécessité pour les utilisateurs de saisir des données à plusieurs reprises.
Par exemple : Chargement de la page :

function onLoadPage(){
     if(event.srcElement.tagName=="SPAN"){
         oFrame=top.window.middle.frames[2];
         oTxt=event.srcElement.innerText;
         switch(oTxt){
             case "前 进":
                 oFrame.history.go(1);
             case "后 退":
                 oFrame.history.back();
             case "刷 新":
                 oFrame.location.reload();
         }
     }
}

L'ouverture d'une page jsp doit être rafraîchie avec un script client.
Plusieurs façons d'actualiser la page en utilisant Javascript :

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

Résumé :

Cet article vous le présente avec des exemples Concernant le retour et l'actualisation en JavaScript, je pense que tout le monde en a une certaine compréhension. J'espère que cela sera utile pour votre travail !

Recommandations associées :

La page du navigateur revient en arrière, comment réexécuter ajax

Explication détaillée de l'exemple de js désactivant la fonction de retour de page du navigateur

Implémentation de js désactivant la touche Retour arrière pour faire revenir le navigateur en arrière

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!