Javascript im Body Bereich


<head>

<script language="JavaScript" type="text/javascript">
schreib="<font face='Verdana, Arial, Helvetica, sans-serif'><b>Hallo Welt!</b></font>";
</script>

</head>
<body>

<script>
document.write (schreib);
</script>

</body>


Dieses Beispiel soll zeigen, wie man die Anweisung Text einzufügen an beliebiger Stelle in derHtml Datei einfügen kann,
Mit dem Objekt document.write wird diese Anweisung ausgeführt.
Im vorigen Beispiel wurde der Text am Anfang der Seite eingefügt, das Script sähe so aus.


<script language="JavaScript" type="text/javascript">
document.write ("Hallo Welt!");
</script>

Um es an irgendeiner Stelle im Body erscheinen zu lassen, kann man natürlich das gesamte Script an diese Stelle im Body stellen.
Möglich ist aber auch diese Methode.

Hier wird die Variable mit dem Namen schreib und dem string Hallo Welt! definiert.
schreib="Hallo Welt!";
Weiter unten im Body, wo der Text erscheinen soll, sieht das Ganze dann so aus


<script>
document.write (schreib);
</script>

Es ist also nicht erforderlich, dass alle Anweisungen in einem Script Bereich eingeschlossen sind.

<script>Anweisungen etc.</script>

Sondern man kann mehrere Script Bereiche auf der Seite verteilen, sowohl im Head als auch im Body Bereich. Die Scripte werden dann von oben nach unten abgearbeitet.

<script> Anweisungen etc.</script>
<script>Anweisungen etc.</script>


Schriftformatierung:
In diesem Beispiel habe ich mal eine Schriftformatierung mittels Html Tags hinzugefügt. Dabei ist folgende Regel zu beachten:

REGEL
In Javascript dürfen keine Anführungszeichen ineinander verschachtelt sein.
Die inneren Anführungzeichen müssen durch einfache Anführungszeichen ersetzt werden.

Beispiele:
Html
Schriftformatierung
<font face="sans-serif">Text</font>
 
Javascript
Schriftformatierung in Anführungszeichen eingeschlossen
variablenname="<font face='sans-serif'>Text</font>";
 

Die einfachen Anführungszeichen befinden sich auf der Taste #