mehrere Scriptblöcke
Dieses Beispiel soll zeigen, dass man den Code auf mehrere Scriptblöcke verteilen kann
<head>
<script language="JavaScript" type="text/javascript">
schreib="<span style='color: #a00;'>Hallo Welt!</span>";
</script>
</head>
<body>
<script>
document.write (schreib);
</script>
</body>
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.
<script> var info="Hallo Welt!"; </script>Weiter unten im Body, wo der Text erscheinen soll, sieht das Ganze dann so aus
<script>
document.write (info);
</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>
Script am Ende der Seite
Wenn man im Script auf Elemente zugreift, beispielsweise auf ein Bildelement. Dann ist es erforderlich, dass das Element zur Verfügung steht. Es muss geladen sein, bevor man darauf zugreift. Da eine Seite von oben nach unten geladen wird, ist es in dem Fall sinnvoll, wenn das Script am Ende der Seite, also direkt vor dem schließenden body-Tag eingefügt wird.
Das ist jedoch nur eine Möglichkeit, man kann auch einen Event nutzen, der ausgelöst wird, wenn alles geladen ist.
<body>
Html Inhalte
<script>Anweisung; </script>
</body>
Schriftformatierung:
In diesem Beispiel habe ich mal eine Schriftformatierung mittels Html Tags hinzugefügt.
Dabei ist folgende Regel zu beachten:
