Wie informieren Sie Divs in einer separaten Datei Seiten sauber zu halten?

Die HTML-Sprache können Sie separate HTML-Dateien enthalten keine, aber Sie können eine separate JavaScript-Datei um ein Div erstellen und verknüpfen Sie die Datei in Ihrem HTML-Code erstellen. Sie JavaScript verwenden, um den Div-Code für Ihre Seiten zu erstellen, und das HTML-"Link"-Tag verwenden, um die JavaScript-Seite zu verknüpfen. Verknüpfen der JavaScript-Datei erstellt das div-Tag auf Ihren Seiten, sodass Sie separate Dateien für jeden Abschnitt des Div Layouts erstellen können.

Anweisungen

1 Klicken Sie auf die Windows "Start" Button und Typ "Editor" in das Textfeld ein. Drücken Sie "Enter" um den Notepad-Editor öffnen.

2 Erstellen Sie den JavaScript-Code um den Div-Container zu erstellen. Der folgende Code erstellt beispielsweise einen Div-Container, der ein Bild enthält:

Var Div = document.createElement('div');div.innerHTML = "< Img src='image.jpg" > ";

3 Drücken Sie die Tasten "Ctrl" und "S" zum Speichern der Datei. Geben Sie im Textfeld "Dateiname" "div.js" und klicken Sie auf "Speichern."

4 Mit der rechten Maustaste in Ihren HTML-Hauptdatei, die Div-Container zu zeigen soll. Klicken Sie auf "Öffnen mit" und wählen Sie Ihren HTML-Editor.

5 Fügen Sie das "Link"-Tag in Ihre HTML-Hauptdatei den Div-Container aufnehmen. Wenn der Benutzer die HTML-Datei öffnet, die externe JavaScript-Datei öffnet und ausgeführt wird, die zeigt des Inhalts auf Ihrer Seite. Der folgende Code verknüpft die Datei:

< Skript-Typ "Text/Javascript" src="div.js =" >< / script >