script.js 文件未链接到 html？

Question

我正在尝试在我的本地机器上复制这个 jsfiddle 项目

我已经在我的本地机器上复制了 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 内容的 none。我认为我的 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>

script.js 文件未链接到 html？

script.js file not linked to html?

html

javascript

jquery

jsfiddle