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 #