Recharger/Actualiser une page en javascript
ybouane Recharger/Actualiser une page en javascript Note : 4.4/5 (4 votes) Derniéres modifications : 03/04/2009 à 22:55:25 Mots-Clés : bouton recharger javascript lien actualiser vider cache javascript js html reload load location.reload rechargement actualisation page site navigateur Bonjour, Sans ce script, je vais vous montrer comment faire un bouton qui actualise la page à l'aide d'une page javascript. pour cela, lors du clic sur le bouton, la fonction suivante sera appelée "location.reload();". voila le code: Code: (X)html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Recharger une page en javascript</title> </head> <body> <div style="text-align:center;"> <button onclick="javascript:location.reload();">Recharger la page</button> </div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at nibh. Nulla nec dui et lectus laoreet rutrum. Nullam consectetur turpis sed nisi. Vestibulum imperdiet ligula semper enim. Quisque volutpat. Aenean id justo id nunc blandit convallis. Integer bibendum ligula ac arcu adipiscing auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus ut augue. Praesent vestibulum vulputate neque. Donec pharetra consectetur urna. Etiam lectus. Pellentesque nunc justo, rhoncus nec, tincidunt vel, vehicula in, magna. Quisque purus nulla, pretium et, faucibus eu, consequat vel, orci. Etiam nulla massa, porta id, ornare nec, lobortis ac, risus. Aenean libero. Ut consectetur dictum dui. Sed turpis diam, mollis non, rhoncus et, ultricies ut, mauris.<br /> <br /> Sed gravida semper pede. Vestibulum ante. Nunc mollis, purus at dignissim ullamcorper, arcu nisi ullamcorper odio, nec suscipit ligula odio non enim. Aenean sollicitudin interdum est. Nullam ut urna id orci ornare pulvinar. Proin scelerisque. Fusce volutpat interdum velit. Pellentesque sit amet libero eu sem mollis pharetra. Nam nisl. Suspendisse sapien ante, mattis ac, eleifend auctor, rhoncus ut, enim. Praesent quis elit eget eros sagittis fermentum. Nunc sagittis dui ut nibh. Fusce id nisi. Maecenas eu nisi at justo dapibus pulvinar. Curabitur iaculis massa eget turpis.<br /> <br /> Aenean in neque ut ante vulputate blandit. Nullam magna. Sed viverra, nulla volutpat vestibulum posuere, arcu tortor gravida massa, non pellentesque odio justo ac leo. Suspendisse potenti. Aenean convallis tellus. Sed venenatis neque vitae lorem. Praesent sodales gravida sem. Donec orci. Suspendisse rutrum viverra dui. Morbi ac dui. Pellentesque quis elit non massa suscipit venenatis.<br /> <br /> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc lorem purus, aliquam vel, varius in, mattis sed, arcu. Ut tincidunt libero a sapien. Morbi sit amet tellus. Ut sed nisl sit amet tortor sollicitudin condimentum. Ut velit. In hac habitasse platea dictumst. Aenean sodales sem faucibus ante. Curabitur hendrerit libero ut lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed tortor leo, pulvinar at, facilisis ut, convallis sed, purus. Etiam dapibus arcu id massa. Praesent luctus fermentum justo.<br /> <br /> Sed tempus nulla sed elit. Donec in arcu. In iaculis nunc sit amet metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean ac dui. Aliquam justo. Aenean commodo. Proin vel ipsum. Praesent et lorem non nisi mollis placerat. Nam sit amet felis ut libero aliquet suscipit. <div style="text-align:center;"> <button onclick="javascript:location.reload();">Recharger la page</button> </div> </body> </html> Essayer c'est tout! merci Scripts et tutoriaux similaires à celui ci: Système d'onglets en Javascript, (X)html et CSS dans la même page Afficher/Cacher un div(element) en javascript Précharger des images en javascript et detecter la fin du prechargement Faire un input file stylé en Css (X)html et Javascript Changer l'opacité d'un div(alpha) compatibles avec tous les navigateurs Aller à la page précédente et suivante en javascript objet history Ouvrir une nouvelle fenêtre (Pop-up) en javascript - window.open tutoriel Ouvrir une nouvelle fenêtre (Pop-up) et la centrer en javascript Commentaires Ajouter un commentaire Pseudo: Message: Code anti-bot: (recharger) Vous n'êtes actuellement pas connecté, certaines de vos informations(tel que votre Adresse IP) seront enregistrées pour éviter du spam. Votre message ne doit pas contenir certains mots ou une adresse internet, sinon, il ne sera pas envoyé. Les commentaires Envoyé par noki le 13/05/2009 à 02:20:35 MERCI !!! Envoyé par guiguise le 31/07/2009 à 15:22:51 très utile !! Merci a toi Envoyé par kartmille le 26/02/2010 à 17:09:38 Bravo :) Envoyé par Divin le 31/10/2010 à 23:48:02 Salut... à tous Le problème avec ce genre de script c'est que l'on perd toutes les valeurs des variables... :( Existe t'il une solution pour actualiser une page sans perdre les $variables ? Envoyé par rachat de credit le 22/12/2010 à 11:58:40 Il semble que vous soyez un expert dans ce domaine, vos remarques sont tres interessantes, merci. - Daniel Envoyé par Car Hire Alicante Airport le 27/01/2011 à 16:30:54 Hey, I am checking this blog using the phone and this appears to be kind of odd. Thought you'd wish to know. This is a great write-up nevertheless, did not mess that up. - David Envoyé par eliastik59 le 16/03/2011 à 09:38:34 On peut aussi faire cela avec un simple lien : <a onclick="location.reload();">Recharger la page</a> Envoyé par Car Hire Alicante le 19/04/2011 à 19:58:26 love it. Envoyé par tmjskwgs le 24/01/2012 à 12:30:03 20

Recharger/Actualiser une page en javascript

ybouane

Recharger/Actualiser une page en javascript
Note : 4.4/5 (4 votes)
Derniéres modifications : 03/04/2009 à 22:55:25
Mots-Clés : bouton recharger javascript lien actualiser vider cache javascript js html reload load location.reload rechargement actualisation page site navigateur

Bonjour,
Sans ce script, je vais vous montrer comment faire un bouton qui actualise la page à l'aide d'une page javascript.
pour cela, lors du clic sur le bouton, la fonction suivante sera appelée "location.reload();".

voila le code:

Code: (X)html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Recharger une page en javascript</title>

    </head>

    <body>

        <div style="text-align:center;">

            <button onclick="javascript:location.reload();">Recharger la page</button>

        </div>

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at nibh. Nulla nec dui et lectus laoreet rutrum. Nullam consectetur turpis sed nisi. Vestibulum imperdiet ligula semper enim. Quisque volutpat. Aenean id justo id nunc blandit convallis. Integer bibendum ligula ac arcu adipiscing auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus ut augue. Praesent vestibulum vulputate neque. Donec pharetra consectetur urna. Etiam lectus. Pellentesque nunc justo, rhoncus nec, tincidunt vel, vehicula in, magna. Quisque purus nulla, pretium et, faucibus eu, consequat vel, orci. Etiam nulla massa, porta id, ornare nec, lobortis ac, risus. Aenean libero. Ut consectetur dictum dui. Sed turpis diam, mollis non, rhoncus et, ultricies ut, mauris.<br />

        <br />

        Sed gravida semper pede. Vestibulum ante. Nunc mollis, purus at dignissim ullamcorper, arcu nisi ullamcorper odio, nec suscipit ligula odio non enim. Aenean sollicitudin interdum est. Nullam ut urna id orci ornare pulvinar. Proin scelerisque. Fusce volutpat interdum velit. Pellentesque sit amet libero eu sem mollis pharetra. Nam nisl. Suspendisse sapien ante, mattis ac, eleifend auctor, rhoncus ut, enim. Praesent quis elit eget eros sagittis fermentum. Nunc sagittis dui ut nibh. Fusce id nisi. Maecenas eu nisi at justo dapibus pulvinar. Curabitur iaculis massa eget turpis.<br />

        <br />

        Aenean in neque ut ante vulputate blandit. Nullam magna. Sed viverra, nulla volutpat vestibulum posuere, arcu tortor gravida massa, non pellentesque odio justo ac leo. Suspendisse potenti. Aenean convallis tellus. Sed venenatis neque vitae lorem. Praesent sodales gravida sem. Donec orci. Suspendisse rutrum viverra dui. Morbi ac dui. Pellentesque quis elit non massa suscipit venenatis.<br />

        <br />

        Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc lorem purus, aliquam vel, varius in, mattis sed, arcu. Ut tincidunt libero a sapien. Morbi sit amet tellus. Ut sed nisl sit amet tortor sollicitudin condimentum. Ut velit. In hac habitasse platea dictumst. Aenean sodales sem faucibus ante. Curabitur hendrerit libero ut lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed tortor leo, pulvinar at, facilisis ut, convallis sed, purus. Etiam dapibus arcu id massa. Praesent luctus fermentum justo.<br />

        <br />

        Sed tempus nulla sed elit. Donec in arcu. In iaculis nunc sit amet metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean ac dui. Aliquam justo. Aenean commodo. Proin vel ipsum. Praesent et lorem non nisi mollis placerat. Nam sit amet felis ut libero aliquet suscipit. 

        <div style="text-align:center;">

            <button onclick="javascript:location.reload();">Recharger la page</button>

        </div>

    </body>

</html>

Essayer

c'est tout!
merci

Scripts et tutoriaux similaires à celui ci:

Commentaires

Ajouter un commentaire

Les commentaires

Envoyé par noki le 13/05/2009 à 02:20:35

MERCI !!!

Envoyé par guiguise le 31/07/2009 à 15:22:51

très utile !! Merci a toi

Envoyé par kartmille le 26/02/2010 à 17:09:38

Bravo :)

Envoyé par Divin le 31/10/2010 à 23:48:02

Salut... à tous

Le problème avec ce genre de script c'est que l'on perd toutes les valeurs des variables... :(

Existe t'il une solution pour actualiser une page sans perdre les $variables ?

Envoyé par rachat de credit le 22/12/2010 à 11:58:40

Il semble que vous soyez un expert dans ce domaine, vos remarques sont tres interessantes, merci.

- Daniel

Envoyé par Car Hire Alicante Airport le 27/01/2011 à 16:30:54

Hey, I am checking this blog using the phone and this appears to be kind of odd. Thought you'd wish to know. This is a great write-up nevertheless, did not mess that up.

- David

Envoyé par eliastik59 le 16/03/2011 à 09:38:34

On peut aussi faire cela avec un simple lien :

<a onclick="location.reload();">Recharger la page</a>

Envoyé par Car Hire Alicante le 19/04/2011 à 19:58:26

love it.

Envoyé par tmjskwgs le 24/01/2012 à 12:30:03