Czy można poczekać, aż wszystkie pliki javascript zostaną załadowane przed wykonaniem kodu javascript?

Question

Mamy kilka plików JavaScript, które ładujemy na dole strony wzorcowej. Jednak mam sytuację, że muszę wykonać trochę JavaScript zanim inne skrypty zostaną załadowane. Czy można poczekać, aż wszystkie pliki JavaScript zostaną załadowane, a następnie wykonać trochę kodu JavaScript?

Myślałem, że zrobił to $(document).ready(), ale okazało się, że tak nie jest. Oczywiście możemy przesuwać pliki skryptów od dołu do góry, ale zastanawiam się, czy to możliwe, czego chcę.

Answer 1

Można użyć

$(window).on('load', function() { 
    // your code here 
}); 

Który będzie czekać, aż strona zostanie załadowana. $(document).ready() czeka aż DOM jest ładowany

Answer 2

Można użyć atrybutu <script> o wartości . Określa, że ​​skrypt zostanie wykonany po ukończeniu parsowania strony.

<script defer src="path/to/yourscript.js"> 

Miły artykuł na ten temat: http://davidwalsh.name/script-defer

wsparcie Przeglądarka wydaje się dość dobre: ​​http://caniuse.com/#search=defer

Answer 3

Można użyć .getScript() i uruchomić swój kod po załadowaniu:

$.getScript("my_lovely_script.js", function(){ 

    alert("Script loaded and executed."); 
    // here you can use anything you defined in the loaded script 

}); 

Można zobaczyć lepsze wyjaśnienie tutaj: How do I include a JavaScript file in another JavaScript file?