2010-04-05 16 views
7

Chciałbym użyć zewnętrznego pliku javascript w innym pliku javascript. Na przykład mogę przechowywać wszystkie moje zmienne globalne w pliku globals.js, a następnie wywołać je z logiki witryny logic.js. Następnie w index.html wstawiłbym tag. Jak korzystać z pliku globals.js w pliku logic.js?Używanie zewnętrznych plików javascript w pliku .js

Odpowiedz

9

Javascript nie ma żadnych niejawnych mechanizmów "include this other file", takich jak css's @include. Po prostu trzeba wymienić plik globalnych przed pliku logicznego w znacznikach:

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

Jeśli gwarantując, że globalne są dostępne zanim cokolwiek w pożarach plików logika się, można wykonać powolny pętli odpytywania, aby sprawdzić, czy niektóre konkretna zmienna jest dostępna przed wywołaniem funkcji init() lub jakiejkolwiek innej funkcji.

+0

Jako alternatywę dla pętli odpytywania można wyznaczyć odwołanie do funkcji, które wywołania global.js będą ładowane, a następnie plik logic.js ustawi odwołanie do jego funkcji init(). Oczywiście będziesz musiał dołączyć kod, aby upewnić się, że funkcja init() nie jest wywoływana dwa razy. – tloflin

+0

Jest to możliwe przy użyciu javascript, sprawdź moją odpowiedź. –

2

Wystarczy się upewnić, że oba pliki znajdują się w pliku index.html.

+1

Kolejność jest ważna jednak, jak to ujmuje Marc. – mare

+0

dziękuję, działa to dobrze, tylko z ciekawości, czy istnieje sposób, aby nie używać znacznika

0

Można też zrobić coś takiego:

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

Wystarczy użyć tej linii zanim trzeba odwołać coś w pliku dołączonym js.

Powiązane problemy