Créer un compte
Connexion

Recharger/Actualiser une page en javascript


Recharger/Actualiser une page en javascript Recharger/Actualiser une page en javascript Le 03/04/2009 à 22:55:25
Note: 4/5
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:
<!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 Tutoriels similaires

Système d'onglets en Javascript, (X)html et CSS dans la même page Système d'onglets en Javascript, (X)html et CSS dans la même page Afficher/Cacher un div(element) en javascript Afficher/Cacher un div(element) en javascript Précharger des images en javascript et detecter la fin du prechargement Précharger des images en javascript et detecter la fin du prechargement Faire un input file stylé en Css (X)html et Javascript Faire un input file stylé en Css (X)html et Javascript Changer l'opacité d'un div(alpha) compatibles avec tous les navigateurs Changer l'opacité d'un div(alpha) compatibles avec tous les navigateurs