Alert
Die Platzierung von JavaScripts
Ein alert ist ein Aufmerksamkeits- oder Weckruf, welcher vom User mit einem OK bestätigt werden muss. Das OK startet aber nichts (keine versteckte Funktion), sondern lässt den Browser einfach fortfahren.
alert('myText');
<script type="text/JavaScript">
// Dieses Script wird 2 mal verwendet
alert('Click to continue'); // Alert, ohne eine Variable
</script>
// Den Text 'Click to continue' wird als String-Parameter übergeben.
// Je nach Browser kann mit Lehrschlägen und neuen Zeilen (\n) der Text einwenig arrangiert werden
So sah ein Alert Fenster aus im FF 3.6 (2010) und rechts davon im IE 8, beide unter Vista.
Sie haben ein Icon mit Ausrufezeichen, wenn es erscheint, kann ein Hinweiston ertönen.
FF zeigt auch an, welche Site ihn aufgerufen hat. Der Browser wartet auf einen
Klick auf OK oder das schliessen-x, bevor er den Ladevorgang fortsetzt.
Im FF 9 (2011) unter Windows 7 sieht ein Alert Fenster ganz anders aus:
Ein Schatten legt sich über die ganze Seite und eine Checkbox erlaubt es
dem User im Wiederholungsfall, weitere Alerts zu unterbinden.
Willst du mehr?
JavaScripts müssen nicht extra aufgerufen werden, sie werden einfach abgearbeitet, sofern sie nicht in einer Funktion untergebracht sind!
Das Script für den 2. Alert ist absolut identisch mit dem Script des 1. Alerts, aber es befindet sich mitten im Body,
vor diesem Text, wärend das 1. Script am Anfang des Body steht, noch bevor HTML-Inhalt dargestellt wurde.
Da merkt man schön, wie die Seite vom Browser Zeile für Zeile von oben nach unten eingelesen und abgearbeitet wird.
Variante für komplexere Scripts
Für komplexere Vorhaben: Man sollte ein komplexeres Script in zwei Teile zerlegen:
Der erste Teil im Head setzt die Variablen und bestimmt die Funktionen.
<script type="text/JavaScript"> // Dieses Script wird im head-Bereich des Dokuments platziert // Diese Zeile erzeugt eine Variable und initiiert sie (füllt sie mit Wert) var INHALT="Click to continue"; </script>
Der zweite Teil im Body ruft den ersten Teil auf und übergibt u.U. Parameter.
<script language="JavaScript" type="text/JavaScript"> // Dieses Script wird im body-Bereich des Dokuments platziert alert(INHALT); // window-methode alert() mit dem Namen der // Variablen aus dem Script im head als Parameter </script>
Check den Code.