javascript - plugin - jquery教學




是否有可能等到所有javascript文件都被加載後再執行javascript代碼? (3)

我們有幾個JavaScript文件,我們加載到母版頁的底部。 但是,我有一種情況,我需要在加載其他腳本之前執行一些JavaScript。 是否可以等到加載所有JavaScript文件然後執行一些JavaScript代碼?

我以為$(document).ready()做到了這一點,但事實證明,它沒有。 當然我們可以將腳本文件從底部移到頂部,但我想知道它是否可能是我想要的。


在@Eruant的答案上擴大一點,

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

在腳本上加載時,同時兼容asyncdefer都能很好地工作。

所以你可以導入這樣的所有腳本:

<script src="/js/script1.js" async defer></script>
<script src="/js/script2.js" async defer></script>
<script src="/js/script3.js" async defer></script>

只需確保script1$(window).on('load' ...之前不調用script3函數$(window).on('load' ... ,確保在window load事件中調用它們。

更多關於異步/延遲的here


您可以使用

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

這將等到頁面加載。 $(document).ready()等待,直到加載DOM






jquery