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