Come si può mantenere div in un file separato per mantenere Siti Clean?

January 8

Il linguaggio HTML non consente di includere i file HTML separati, ma è possibile creare un file JavaScript separato per creare un div e collegare il file nel codice HTML. Si utilizza JavaScript per creare il codice div per le pagine, e utilizzare il tag HTML "link" per collegare la pagina di JavaScript. Collegare il file JavaScript crea il div sulle tue pagine, in modo da poter creare file separati per ogni sezione del layout div.

istruzione

1 Fare clic sul pulsante di Windows "Start" e digitare "blocco note" nella casella di ricerca. Premere il tasto "Enter" per aprire l'editor Blocco note.

2 Crea il codice JavaScript per creare il contenitore div. Ad esempio, il codice seguente crea un contenitore div che contiene un'immagine:

var div = document.createElement ( 'div');
div.innerHTML = "<img src = 'image.jpg'>";

3 Premere i tasti "S" "Ctrl" e salvare il file. Digitare "div.js" nella casella di testo "Nome file" e fare clic su "Salva".

4 Pulsante destro del mouse il file HTML principale in cui si desidera che il div contenitore da mostrare. Fai clic su "Apri con" e selezionare l'editor HTML.

5 Aggiungere il tag "link" per includere il div contenitore nel file HTML principale. Quando l'utente apre il file HTML, il file JavaScript esterno si apre e gestisce, che visualizza il contenuto nella pagina. Il codice seguente collega il file:

<Script type = "text / javascript" src = "div.js"> </ script>