Ricarica pagina con HTML – Funzioni HTML&JS

Vuoi inserire uno script HTML e Javascript all’interno della tua pagina web con la funzione di ricaricare (fare il refresh) cliccando su di un apposito pulsante (button) o link? Desideri integrare una funzione “Ricarica pagina” su un pulsante/button HTML?

In questo articolo della raccoltaFunzioni HTML&JS” ti descriverò un codice o script pensato proprio a questo scopo: Ricaricare/aggiornare/fare il refresh ad una specifica pagina internet del tuo sito, esclusivamente incorporando il codice al suo interno.

Il funzionamento è molto basilare, ma questo script può essere utile per differenti motivi come: imparare Javascript e HTML o prendere dimestichezza con l’installazione di codici nelle pagine web.

Ovviamente questa guida, come altre di questa serie, è orientata a principianti e a chi ha poca dimestichezza con il linguaggio e programmazione JS. Inoltre non si necessità di esperienza pregressa in Javascript per proseguire con questa guida, ma è consigliato conoscere un minimo di HTML, ed eventualmente CSS, per riuscire a gestire i codici in maniera adeguata.

Se non conosci ancora l’HTML e CSS ti rimando al nostro corso gratuito per principianti. Semplice e rapido, impara l’HTML in giornata.

Script “Ricarica pagina” con HTML

L’incorporazione dell script per ricaricare una pagina web, da pulsante o link (tag <button> o <a>) è suddivisa in due parti differenti con funzioni specifiche. Lo scopo finale della funzione è quello di ricaricare la pagina attualmente visitata cliccando sopra l’apposito tasto o link.

Non ti preoccupare se non riesci a comprendere lo script. Leggilo e cerca di capire il funzionamento, potrebbe essere un buono spunto per iniziare a studiare il linguaggio Javascript ed approfondire l’HTML.

Il codice

Il primo step riguarda l’HTML, è la parte visibile su cui andrà ad interagire l’utente (dove cliccherà con il mouse per ricaricare la pagina), può essere un tasto o un link, o a fantasia qualunque altra cosa. Puoi posizionare il codice in qualsiasi posizione della pagina web che stai creando e rifinire lo stile tramite CSS.

HTML

Per creare pulsanti:

<input type="button" value="Ricarica" title="Clicca per ricaricare la pagina" onclick="return RefreshWindow();"/>

L’estetica del pulsante può variare rispetto a quello visualizzato qui – Clicca per testare il pulsante

Per creare un link:

Ricarica Pagina

<a onclick="return RefreshWindow();" title="Clicca per ricaricare la pagina">Ricarica Pagina</a>

JS

Il seguente codice in JavaScript invece esegue il comando “ricarica” della pagina HTML, è quello che permette al pulsante o link di funzionare correttamente.

Inseriscilo nel footer (fondo del documento HTML) della pagina che stai creando, dopo i tag HTML precedentemente scritti.

Eventualmente potresti creare un file esterno .js e (apre in una nuova scheda)”>richiamarlo tramite il tag <link> alla tua pagina o inserirlo in un file .js già esistente

<script>
function RefreshWindow()
{
         window.location.reload(true);
}
</script>

Dopo aver incorporato lo script, salva il file (in formato .html) e prova ad aprirlo in un browser. Successivamente fai una verifica dei pulsanti prima della pubblicazione online.

Hai avuto problemi con la procedura o vuoi consigli? Scrivici un commento in basso!

Iscriviti alla nostra Newsletter per aggiornamenti e nuovi articoli della serie “Funzioni HTML&JS” e seguici su Facebook.


Leggi anche: Come fare un backup del sito manualmente

Articoli Recenti:

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

CAPTCHA