从html调用外部js函数

Question

我有一个带有以下按钮的HTML文件：

<button type="button" onclick="muteaudio()" id="testButton">Mute</button>

在头部我有

<script src="js/functions.js"></script>

在这个脚本中我有以下功能

function($, window, document, undefined) {

    function muteaudio(){
        alert("it works");
    }

}

我做错了很明显。但是调用这样一个函数的正确方法是什么？

Answer 1

1. 检查文件是否通过F12（开发人员工具）和“来源”选项卡明确加载。

2. 检查您是否已正确重新加载页面，以便清除缓存并加载最新版本的文件。

3. 如果文件不存在，请检查您正在使用的路径，intellisense应该可以帮助您找到该文件： 使用〜src="~"应激活intellisense并帮助查找文件。

4. 如果该文件存在但仍然无法正常工作，请尝试将脚本代码复制到HTML文件中，然后您可以确定问题是文件还是代码：

   <script type="text/javascript"> function muteaudio(){ alert("it works"); } </script>

5. 它可能是文件的位置，请尝试在页脚中将其删除。

<强>更新

我制作了一个JSFiddle，它使用以下代码和一个代码段：

＆＃13;
＆＃13;
function test() {
    alert("in function!")   
}
＆＃13;
<input type="button" onclick="test()" value="mute" />
＆＃13;
＆＃13;
＆＃13;

Answer 2

这应该有效：

muteaudio = function(){
    alert("it works");
};

小提琴： http://jsfiddle.net/ngn0Lfmf/

不确定为什么你的功能不起作用