外部JavaScript函数未定义，但存在

Question

我有2个文件，一个HTML，一个JavaScript。

JavaScript文件（contacts.js）：

function add_contact() {
    // Rest of Code here
}

HTML文件：

<script src="/assets/js/contacts.js" type="javascript/text"></script>

我有一个按钮，当它被点击时，它会调用'add_contact'功能：

<button type="button" class="btn btn-primary" onclick="add_contact();">Save changes</button>

当JavaScript代码是HTML文件的头部时，该函数可以正常工作。但是，现在它是外部文件的一部分，它返回以下错误：

  

未捕获的ReferenceError：未定义add_contact

我对这一点感到有些失落，所以任何帮助都会太棒了！

Answer 1

类型应为text/javascript而不是javascript/text

Answer 2

更改此标记块：

<script src="/assets/js/contacts.js" type="javascript/text"></script>

为：

<script src="/assets/js/contacts.js" type="text/javascript"></script>