2010-04-05 12 views
7

Ich möchte eine externe Javascript-Datei in einer anderen Javascript-Datei verwenden. Zum Beispiel könnte ich alle meine globalen Variablen in einer globals.js-Datei speichern und dann von der Website logic.js aufrufen. Dann würde ich in der index.html das Tag einfügen. Wie verwende ich die globals.js innerhalb der logic.js?Verwenden von externen Javascript-Dateien in einer JS-Datei

Antwort

9

Javascript hat keine impliziten Mechanismen wie "css's @include". Sie müssen nur Ihre Globals-Datei, bevor die Logik Datei in den Tags Liste:

<script type="text/javascript" src="globals.js" /> 
<script type="text/javascript" src="logic.js" /> 

Wenn gewährleistet, dass die Globals, bevor etwas nach oben in den logischen Datei Brände verfügbar sind, können Sie eine langsame Abfrageschleife tun können, um zu sehen, ob einige Eine bestimmte Variable ist vor dem Aufruf einer init() - oder einer anderen Funktion verfügbar.

+0

Als Alternative zu einer Abrufschleife können Sie eine Funktionsreferenz angeben, die global.js beim Laden aufruft. Anschließend muss logic.js diese Referenz auf die Funktion init() setzen. Natürlich müssen Sie Code hinzufügen, um sicherzustellen, dass die init() - Funktion nicht zweimal aufgerufen wird. – tloflin

+0

Es ist möglich, mit Javascript, überprüfen Sie meine Antwort. –

2

Stellen Sie sicher, dass beide Dateien in Ihrer index.html referenziert sind.

+1

Die Reihenfolge ist wichtig, wie Marc es ausdrückt. – mare

+0

danke, das funktioniert gut, nur aus Neugier, gibt es eine Möglichkeit, nicht die

0

können Sie auch etwas tun:

$(document).ready(function(){ 
    $('body').append($('<script src="/path/to/script/foo.min.js"></script>')); 
}); 

Genau diese Linie verwenden, bevor Sie etwas in der mitgelieferten js Datei verweisen müssen.

Verwandte Themen