Question

我创建了一个带有将背景颜色更改为红色的功能的按钮，但是我收到一条错误，说明没有定义function1。

HTML code：

<button onclick="function1()">Change bg color to black</button>

名为main.js的外部JS文件中的JavaScript代码：

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

含

function function1 () {
  document.body.style.backgroundColor = "red";
}

Answer 1

您的代码中存在错误。你写道：

<script type = "text/javascript" scr = "main.js"></script>

而不是：

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

它是src，而不是scr。

Answer 2

bu246：

可能你没有在正确的部分声明你的功能：

<强> bgcolor.html：

<!DOCTYPE html>
<html>

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

<body>

<button onclick="function1()">Change bg color to black</button>

</body>
</html>

<强> main.js：

function function1 () {
document.body.style.backgroundColor = "red";
}