info@a-coding-project.de

Mehrere Scripts in einem Dokument

Wie kann ich eigentlich mehrere Scripte in einem Dokument laufen lassen? Wenn Sie sich das schonmal gefragt haben, ist der Artikel genau richtig für Sie.

Problem

Nehmen wir an, wir haben drei Scripte, die durch die Funktionen Start_A(), Start_B() und Start_C() aufgerufen werden und möchten sie alle in ein Dokument packen. Nichts einfacher als das: Packen Sie sie einfach rein. Es gibt keine Begrenzungen wieviele SCRIPT's, function's, if's oder else's ein Dokument enthalten darf. Das einzige Problem das meist auftritt, ist, wenn alle mit dem gleichen Ereignis (z.B. Seitenladen [onLoad], klick auf einen Link [onClick], Mausbewegung [onMouseMove], ...) gestartet werden sollen. Wir nehmen an, alle drei Funktionen sollen mit onClick (nach Klick auf einen Link) gestartet werden. außerdem nehmen wir an, dass Sie folgende Funktionsaufrufe der Skripte haben:

document.meinLink.onclick = Start_A(); //innerhalb eines SCRIPT

<a href="javascript:Start_B()">Starten</a>
<a onClick="Starte_C();" href="meineSeite.htm">Starten</a> 

Diese können Sie nun durch eine der folgenden Möglichkeiten ersetzen:

1. Möglichkeit - Attribut

Verwenden Sie die Ereignisse wie ein normales Script und schreiben Sie die Funktionen hintereinander (durch Semikolons getrennt) aus. Dies funktioniert allerdings nicht bei Ereignis-Definitionen innerhalb eines Skriptes.

//Aufruf entweder:
<a href="javascript:Start_A();Start_B();Start_C();">Starten</a>

//oder:
<a onClick="Start_A();Start_B();Start_C();" href="meineSeite.htm">Starten</a>

//nicht möglich ist das:
document.meinLink.onclick = Start_A(); Start_B(); Start_C(); 

2. Möglichkeit - Funktion

Erstellen Sie eine Funktion, die nacheinander alle drei Funktionen startet. Verküpfen Sie das Ereignis dann mit dieser einen Funktion.

//Funktion innerhalb eines SCRIPT hinzufügen:
function StarteAlle()
{Start_A(); Start_B(); Start_C();}

//Aufruf entweder:
document.meinLink.onclick = StarteAlle;

//oder:
<a href="javascript:StarteAlle()">Starten</a>

//oder:
<a onClick="StarteAlle();" href="meineSeite.htm">Starten</a> 

Über uns

Stefan Wienströer

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Auch interessant