jQuery 是否必须写在 HTML 的 <script> 标签中？答案

【问题标题】：Does jQuery have to be written in the <script> tags in HTML?jQuery 是否必须写在 HTML 的 <script> 标签中？
【发布时间】：2013-08-19 06:41:13
【问题描述】：

我正在学习 jQuery，但遇到了一个小问题。当我将 jQuery 代码直接放在我的 HTML 中的标签中时，它可以工作，但是当我从不同的文件中导入它时，什么也没有发生。这些是我在 HTML 中的脚本标签：

<script type="text/javascript" src="scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="scripts/test.js"></script> <!--This is my jQuery code-->

test.js 包含以下代码：

$(document).ready(function(){
console.log("Hello");
});

当页面加载时，控制台是空的。但是，当我将以下代码粘贴到我的 html 文档中时，一切正常。

<script>

    $(document).ready(function(){
    console.log("Hello");
    });

</script>

【问题讨论】：

应该可以，问题一定出在其他地方。路径文件名正确吗？
您在开发工具中看到任何 404 错误吗？
一定是路径声明有问题，不然应该可以的
您是否在错误中看到类似“找不到文件”的内容？从在线 CDN 添加 jQuery。它可能会帮助您检查这是否是路径问题。
没有这个stackoverflow.com/questions/3859966/…

标签： javascript jquery html

【解决方案1】：

您的 HTML 文件所在的文件夹中是否真的有一个名为 scripts 的文件夹？否则，请尝试将 src="scripts/jquery-1.10.2.js" 更改为可能：src="/scripts/jquery-1.10.2.js"

您可以通过浏览http://yoururl/scripts/jquery-1.10.2.js 进行检查，Jquery 代码应该会显示出来。如果不存在，则必须确保包含正确的文件夹/文件。

【讨论】：

添加前面的正斜杠导致 Chrome 中出现cannot find resource 错误。另外，我按照您所说的输入文件的 URL，文本显示正常。

【解决方案2】：

是的。您将能够通过 2 种方式推送您的脚本:: 1-将您的脚本推送到标签中，例如>>

<script>$(document).ready(function(){alert("Welcome Dear");});</script>

2-推送你的内联脚本，属性如>>

<button type='button' onclick="$(this).hide()">Hide Me</button>

【讨论】：

【解决方案3】：

确保脚本文件夹包含 test.js 确保扩展名正确..有时我会犯同样的错误，而不是 test.js 我将它保存为 test.js.txt

【讨论】：

三重检查文件名和路径，一切似乎都井然有序。
代码在我的系统中完美运行..请将代码更改为 $(document).ready(function(){ alert("Hello"); });以便您可以在浏览器中看到它

【解决方案4】：

试试看

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

在身体而不是头部。

感谢this 给出这个想法的答案

【讨论】：