Hinzufügen von Zahlen zu HTML Java Script

JavaScript kann verbessern, Ihre Web-Seite mit dynamischem Inhalt gerendert wird anders basierend auf Benutzereingaben oder andere Faktoren, wie das Datum, die die Seite besucht wird. Die "Schreibmethode" des Objekts "Dokument" fügt Inhalte wie Zahlen oder Text auf die Seite laden. Andere Methoden erstellen Sie neue Knoten in der Dokumentstruktur Zahlen oder Text hinzufügen, nachdem die Seite bereits geladen ist.

Anweisungen

Document.Write()

1 Fügen Sie den folgenden JavaScript-Code zwischen die Tags "Kopf" Ihres HTML-Dokuments:

< Skript-Typ = "Text/Javascript" >

Funktion year() {}

var date = new Date();

return date.getFullYear();

}

< / script >

2 Platzieren Sie die folgenden im Körper Ihres HTML-Dokuments:

Das Jahr ist < Skript-Typ = "Text/Javascript" > document.write(year()); < / script >

3 Speichern Sie die Seite und laden Sie es in einem Webbrowser. Das laufende Jahr wird auf der Seite angezeigt.

appendChild()

4 Platzieren Sie den folgenden JavaScript-Code zwischen die Tags "Kopf" Ihres HTML-Dokuments:

< Skript-Typ = "Text/Javascript" >

Funktion year() {}

var date = new Date();

return date.getFullYear();

}

Funktion addContent(ref) {}

var newNum = document.createTextNode("The year is " + year());

ref.appendChild(newNum);

}

< / script >

5 Fügen Sie den folgenden Code an die Stelle Ihres HTML-Dokuments:

< span-Element-Id = "NewContent" >< / span >

< Eingang Typ = "Knopf" Value = "Klicken, um das Datum zu zeigen" onClick="addContent(document.getElementById('newContent'));" / >

6 Speichern Sie die Seite und laden Sie es in einem Webbrowser. Klicken Sie, und das Jahr erscheint an der Stelle des leeren "span" Elements namens "NewContent." Verweisen Sie auf ein anderes Element auf der Seite (z. B. document.body) um die neuen Inhalte dort zu platzieren.

Tipps & Warnungen

• HTML-Tags und Attribute mit "document.write" statt dem Seiteninhalt selbst zu komponieren. Beispielsweise fügen Sie folgenden Code in den Textkörper des Dokuments Wortgruppe hinzufügen, die nach dem Zufallsprinzip durch JavaScript angepasst ist:
• < Skript-Typ = "Text/Javascript" > document.write ("< span Style =" Schriftgröße: "+ Math.round(Math.random() * 50 + 5) +" px; " > zufällig Sized Text < / span > "); < / script >