Skip to main content

Come includere l'HTML in molti documenti utilizzando JavaScript

Using Bootstrap with Angular (Giugno 2026)

Using Bootstrap with Angular (Giugno 2026)
Anonim

Se vuoi copiare lo stesso contenuto su più pagine del tuo sito, con HTML dovrai copiare e incollare manualmente quel contenuto. Ma con JavaScript, puoi includere snippet di codice senza alcun script del server.

Usare Javascript per incorporare HTML

  1. Scrivi l'HTML che vuoi ripetere e salvalo in un file separato.

    È utile salvare i file di inclusione in una directory separata, in genere "include". Salva le informazioni sul copyright in un file di inclusione come questo:

    include / copyright.js

  2. Poiché HTML non è JavaScript, è necessario aggiungere il codice JS document.write ad ogni linea.

    document.write ("Copyright Jennifer Kyrnin 1992");

  3. Aprire la pagina Web in cui si desidera visualizzare il file di inclusione.

  4. Trova la posizione nell'HTML in cui deve essere visualizzato il file di inclusione e inserisci il seguente codice:

  5. Cambia il percorso e il nome del file per riflettere la posizione del file di inclusione.

  6. Aggiungi lo stesso codice a ogni pagina in cui desideri inserire le informazioni sul copyright.

  7. Quando cambiano le informazioni sul copyright, modifica il file copyright.js. Una volta caricato, cambierà su ogni pagina del tuo sito.

Consigli e consigli

  • Non dimenticare il documento.write su ogni riga del tuo codice HTML nel file js. Altrimenti, non funzionerà.
  • Puoi includere HTML o testo in un file di inclusione JavaScript. Tutto ciò che può andare in un file HTML standard può andare in un file di inclusione JavaScript.
  • Puoi inserire JavaScript in qualsiasi punto del tuo documento HTML, incluso il capo.
  • Il documento della pagina Web non mostrerà l'HTML incluso, solo la chiamata allo script JavaScript.