script.js文件没有链接到html？

Question

我试图在本地机器上复制这个小提琴项目

我在本地机器上复制了index.html、script.js和style.css文件的准确显示内容。虽然我的本地文件最初并没有按照所需的方式工作(显示歌曲的长度、标题等)。

因此，我将这些行添加到html文件的顶部，以便链接我的script.js文件。我还在html文件中添加了一行，以便识别下载的jquery文件。将这些行添加到我的html文件中：

<script src="jquery-3.3.1.js"></script>
<script type="text/javascript" src="script.js"></script>

但是，当我将index.html文件加载到浏览器中时，我可以选择一个很好的文件，但是没有显示任何javascript内容。我认为我的script.js文件没有被识别，因为即使我将console.log()行添加到script.js文件中，也不会显示它们。

如何确保正确链接我的script.js文件，使这个jsfiddle项目在我的本地机器上的工作方式与它在jsfiddle上的工作方式一样？

谢谢

Answer 1

您可以使用cdn。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

或者，如果下载该文件，则必须确保该文件在项目中的位置。

<script src="project/jquery.min.js"></script>

Answer 2

你可以试试这个。您需要确保在本地下载jquery，或者在html文件中使用CDN。见下文。另外，确保您的script.js位于index.html的同一个文件夹中，或者正确地指向文件。

<script src="https://rawgit.com/moment/moment/2.2.1/min/moment.min.js">
</script>
<script
    src="https://code.jquery.com/jquery-3.3.1.min.js"
    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
    crossorigin="anonymous">
</script>
<script type="text/javascript" src="script.js" defer></script>