Javascript 未捕获引用错误：函数未定义错误，为什么？_Javascript_Html_Backend

Javascript 未捕获引用错误：函数未定义错误，为什么？

javascript html

Javascript 未捕获引用错误：函数未定义错误，为什么？,javascript,html,backend,Javascript,Html,Backend,我一直在尝试javascript，它可以工作，但突然停止工作，即js函数没有被调用。我已经将.js和html文件都放在桌面上，但仍然无法工作错误： Uncaught ReferenceError: funcLoadImage is not defined at HTMLButtonElement.onclick 这个错误可能适用于我调用的任何函数 JS: Html代码： <!DOCTYPE html> <html> <head> </hea

我一直在尝试javascript，它可以工作，但突然停止工作，即js函数没有被调用。我已经将.js和html文件都放在桌面上，但仍然无法工作

错误：

Uncaught ReferenceError: funcLoadImage is not defined
    at HTMLButtonElement.onclick

这个错误可能适用于我调用的任何函数

JS:

Html代码：

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<img id="img1" src="" alt="No image loaded" width="50%" height="50%"/>
<button id="btn1" width="20%" height="20%" onclick='funcLoadImage()'>Load Image</button>
<button id="btn2" width="20%" height="20%" onmouseover="this.style.width='60%'" onmouseout="this.style.width='20%'">Write Doc</button>
<button id="btn3" width="20%" height="20%" onclick='funcMath(1,4)'>Calculate</button>
<button id="btn4" width="20%" height="20%" onclick='this.innerHTML=Date()'>Display Date</button>



<p>

</p>
<script src="script1.js"></script>

</body>
</html>


加载图像
写文件
算计
显示日期

试试这个

函数funcLoadImage（）{
document.getElementById（“img1”）.src=”https://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg";
}
函数funcMath（类型、数据）{
如果（类型==1）{
document.getElementById（“img1”）.alt='type1'；
}
如果（类型==2）{
document.getElementById（“img1”）.alt='type2'；
}
}
函数funcDate（）{
document.getElementById（“img1”）.alt='dateadd'；
}


加载图像
写文件
算计
显示日期

如果这是您的实际代码，那么您在这里输入了一个拼写错误

Function funcDate

，导致语法错误，因此

script1.js

的全部内容不会因为语法错误而被评估。谢谢先生。把它放在答题框里，我会把它标记为答案，解释为什么这能解决老年退休金问题。只是粘贴代码是没有帮助的，除非你说OP做错了什么。你的代码有很多语法错误…就像你没有在任何语句末尾加分号一样。。。自动插入分号会导致很多错误。所以请试着把自己放在…唯一的语法错误是

功能

。省略分号不是语法错误。如果省略分号是好的还是坏的风格，你可以争论很多，两者都有各自的优点和缺点。是的。但我想说的是，有时会导致错误。。。我知道函数是上面代码中的错误..我在上面的代码中更正了这一点是的，但是你写的

[…]你的代码有很多语法错误…就像你没有放分号[…]

，这是误导，因为没有太多语法错误它只是一个错误，缺少的分号不是错误，它们是可选的，不是必需的。

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<img id="img1" src="" alt="No image loaded" width="50%" height="50%"/>
<button id="btn1" width="20%" height="20%" onclick='funcLoadImage()'>Load Image</button>
<button id="btn2" width="20%" height="20%" onmouseover="this.style.width='60%'" onmouseout="this.style.width='20%'">Write Doc</button>
<button id="btn3" width="20%" height="20%" onclick='funcMath(1,4)'>Calculate</button>
<button id="btn4" width="20%" height="20%" onclick='this.innerHTML=Date()'>Display Date</button>



<p>

</p>
<script src="script1.js"></script>

</body>
</html>