我在javascript中定义了一个函数，并在html中以按钮的形式引用了它，但是当我单击按钮时，该函数不运行，并且控制台中有一个错误，说我正在使用的函数已定义，但未使用。
我仔细检查了我的代码，并检查了错别字，一切看起来都很好，这是代码：
JavaScript代码：
function displayDate() {
document.getElementById("now").innerHTML = Date();
}HTML：
<!DOCTYPE html>
<html>
<head>
<title>DateCheckerThing</title>
</head>
<body>
<button type="button" onclick="displayDate()">What is today's date?</button>
<h1 id="now"></h1>
</body>
</html>
1条答案
按热度按时间nzk0hqpo1#
欢迎来到Stack Overflow！首先，让我们澄清一些事情：您的函数 * 正在 * 被使用，但不是以您的文本编辑器或IDE期望的方式。只要按下按钮，HTML代码就会调用该函数，并且代码 * 确实 * 按预期工作。* 但是 *，您的文本编辑器/IDE注意到该函数没有被任何其他Javascript代码使用;因此，您会收到一个警告，表明没有其他Javascript正在使用该函数。您的文本编辑器/IDE不知道HTML文件实际上正在使用该函数。这实际上不会导致任何错误。希望这能帮上忙。
我注意到的另一个问题是你的HTML代码中没有脚本标签。要解决这个问题，您可以将
<script defer src="js_file_name">添加到HTML中（显然，更改字符串以匹配JS文件的名称）。这将加载JS文件沿着HTML，以便从JS文件加载函数。（注意：defer关键字只是意味着JS文件将在HTML页面加载 * 之后加载。