加载外部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文件，为什么它没有运行？

回答

相关问题