Question

JavaScript初学者问题：所以，我在线学习并使用以下代码运行教程.html文件。我试图在我的电脑上本地运行一切。以下是我的所作所为：

步骤1：创建.html文件并将以下代码放在

中

 <!DOCTYPE html>
<html>
<body>

<h1>External JavaScript</h1>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">Try it</button>

<p>(myFunction is stored in an external file called "myScript.js").
</p>

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

</body>
</html>

第2步：创建了一个.js文件并将以下代码放在其中：

 function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed.";
 }

第3步：通过Chrome执行.html文件但在.html文件中通过命令调用的.js文件中的函数不执行

我做错了什么？

谢谢你们。

Answer 1

这适用于我复制代码的方式，就像你在上面键入代码并将它们粘贴到新文件中一样。

当页面启动时，它看起来像这样：

然后当我点击按钮时，文字变为“Paragraph changed”：

我也没有在控制台中看到任何错误。

你期待发生什么？当你运行它不是预期的功能时实际发生了什么？

另外，请检查两个文件是否在同一目录中。如果要将js文件放在不同的目录中，则需要在脚本标记中引用相对路径。例如，如果您的文件夹结构如下所示：

然后一个有效的脚本标记就是这样：

<script src="./js-files/myScript.js"></script>

脚本源标记中引用的.js文件中的函数未执行

1 个答案: