當(dāng)用戶單擊按鈕時(shí)，我需要將外部腳本附加到我的正文中。這是要求。菜鳥問題。假設(shè)外部庫創(chuàng)建了一個(gè) window.newLib 變量。當(dāng) newLib 變量可供我使用時(shí)，如何通知我？我嘗試了這個(gè)，但 onload 沒有被調(diào)用： const script = document.createElement('script'); script.innerHTML = 'window.test = 1; console.log("test defined.");'; script.onload = "console.log('onload called.', window.test)" script.async = false; document.body.appendChild(script);這可行，但對(duì)我來說似乎很臟。有沒有更好的辦法？const injectScript = () => { const script = document.createElement('script'); script.innerHTML = 'setTimeout(() => {window.test = 1},10500); console.log("test defined.");'; script.async = false; document.body.appendChild(script);}const nap = ms => new Promise(res => setTimeout(res, ms));const maxAttempts = 100;const msNap = 100; // 10s timeoutconst start = async () => { injectScript(); let id = 0; while (true) { if (++id === maxAttempts) { throw(`Lib took too long to load: ${id * msNap}ms`); } if (window.test) break; await nap(msNap); } console.log('External lib correctly loaded.');};start();
2 回答
吃雞游戲
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
這似乎按預(yù)期工作：
const script = document.createElement('script');
script.src = 'data:text/html,id = 0;while(true){ if(++id==1000000) break;} window.test = 1; console.log("test defined.");';
script.onload = () => console.log('onload called.', window.test);
document.body.appendChild(script);
慕村225694
TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊
嘗試這個(gè)：
const injectScript = () => {
const script = document.createElement('script');
script.innerHTML = 'console.log("Function loaded..."); window.postMessage({cmd:"loaded"});';
script.async = false;
document.body.appendChild(script);
}
setTimeout(injectScript, 3000);
window.addEventListener('message', function(e){
if(e.data.cmd === 'loaded'){
console.log('external library loaded');
}
});
- 2 回答
- 0 關(guān)注
- 209 瀏覽
添加回答
舉報(bào)
0/150
提交
取消