需求當前我開發了一個Javascript插件,它擁有兩部分LOADER(用于加載MAIN和其他額外操作)和MAIN(插件主體),LOADER會在某個時刻(由用戶的操作事件決定)加載,而我希望MAIN在頁面所有script標簽加載并且執行完畢后再加載。困境在常規思路中,使用window.onload可以在window加載后加載MAIN,然而,某些復雜頁面本身可能已經存在插件,而MAIN應該在所有插件的script標簽加載并且執行完畢后再加載。思路由于其他插件可能動態加載script插件。我當前的想法是在LOADER中獲取所有script標簽(document.getElementsByTagName('script')),然后判斷它們是否都已經加載了,如果全部都加載了,則加載MAIN,如何沒有全部完成加載,則setInterval等待。然而問題是,在IE中,script標簽有readyState來判斷script狀態,而其他瀏覽器沒有。雖然可以使用script.onload最為觸發機制,但是在LOADER加載后,可能已經有些script已經加載,對于這些script標簽,它們的onload事件永遠不會觸發,因此我們在這里并不知道未加載script的個數是多少,因此也不能確定MAIN該何時加載。
我希望MAIN在頁面所有script標簽加載并且執行完畢后再加載,該怎么實現?
犯罪嫌疑人X
2023-05-01 10:06:27