加載外部JS文件，爲什麼它沒有運行？

我的javascript在html文件裏工作的很好，但是當我在外部使用它時遇到了運行腳本的麻煩，谷歌開發人員工具告訴我該文件已被加載，但我沒有看到它的工作證據。加載外部JS文件，爲什麼它沒有運行？

任何人都可以啓發我爲什麼js文件被加載，但沒有運行？

下面是我用把它的代碼

function myFunc() { 
    var head= document.getElementsByTagName('head')[0]; 
    var script= document.createElement('script'); 
    script.type= 'application/javascript'; 
    script.src= 'record.js'; 
    script.async = true; 
    head.appendChild(script); 
} 

<button id='recbtn' onclick="myFunc()">Start Recording</button>

來源

2014-03-26 user3464627

不是沒有看到裏面有什麼record.js我們不能 – CodingIntrigue

是在與您的HTML相同的文件夾中的JavaScript文件？ – Tcanarchy

@ user2961097來自OP：*「谷歌開發人員工具告訴我，該文件已被加載」* – CodingIntrigue

看你的代碼後，你想裏面添加record.js此事件：

window.addEventListener('load', onPageLoaded, false);

問題是，如果用戶點擊了你的按鈕來調用腳本，那麼頁面已經在這個階段加載了。刪除事件偵聽器，並致電onPageLoaded明確：

// window.addEventListener('load', onPageLoaded, false); -- Remove this 

function onPageLoaded() 
{ 
    ... 
} 

onPageLoaded(); // Call this function as soon as record.js is loaded

這裏是一個updated jsFiddle。

來源

2014-03-26 14:56:41 CodingIntrigue

加載外部JS文件，爲什麼它沒有運行？

回答

相關問題