从 html 调用外部 js 函数答案

【问题标题】：Call an external js function from html从 html 调用外部 js 函数
【发布时间】：2015-12-04 13:36:52
【问题描述】：

我有一个带有以下按钮的 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");
    }

}

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

【问题讨论】：

做<input type=¨button¨> 我不认为<button> 是一件事
@arodebaugh <button> 是有效的 html。@user3398922 你确定找到了脚本吗？打开浏览器的开发工具（使用 f12，最好使用 Chrome 或 FF）并查看网络选项卡。你看到你的js文件了吗？接下来检查你的拼写。
plnkr.co/edit/gwYcO3a8GWXxIcm3tP2w?p=preview，您给 src 的路径可能是错误的。检查您是否在控制台中看到了@scrappedcola 所说的文件

【解决方案1】：

这应该可行：

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

不知道为什么你的功能不起作用

【讨论】：

【解决方案2】：

检查文件是否确实通过 F12（开发者工具）然后 Sources 选项卡加载。
检查您是否已正确重新加载页面，以便清除缓存并加载最新版本的文件。
如果文件不存在，请检查您正在使用的路径，intellisense 应该会帮助您找到该文件： src="~" 使用 ~ 应该会激活智能感知并帮助查找文件。
如果文件在那里但仍然无法正常工作，请尝试将脚本代码复制到您的 HTML 文件中，然后您可以确定问题是文件还是代码：

<script type="text/javascript"> function muteaudio(){ alert("it works"); } </script>
可能是文件的位置，试试在页脚渲染。

更新

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

function test() {
    alert("in function!")   
}

&lt;input type="button" onclick="test()" value="mute" /&gt;

【讨论】：