为什么我的 javascript 和 jquery 源文件始终无法加载？答案

【问题标题】：Why do my javascript and jquery source files consistently not load?为什么我的 javascript 和 jquery 源文件始终无法加载？
【发布时间】：2015-03-30 18:40:12
【问题描述】：

坦率地说，每次我尝试编写 html 或任何与 Web 相关的代码时都会遇到这个问题。

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

有时有效，有时无效。我努力刷新，没有用。我有时会尝试更改文件名。它可能适用于少数人。我尝试了一个新页面，它不起作用。我真的不知道在这里做什么。如果我创建一个 /js 文件夹，并将我的 js 文件粘贴在其中，我该怎么做才能让它每次都能接收到它们，而不会失败？这与其他编码错误无关，因为我直接从工作示例中获取代码，并且它们不起作用，因为它没有在 jquery 源文件中拾取。

【问题讨论】：

您确定没有任何控制台错误吗？另外，请确保您在加载任何库或 js 脚本之前首先加载 jquery。
你能编辑你的帖子并粘贴你所有的.html吗？
如果您不使用服务来提供网页，而只是在浏览器中抛出 html 文件，则该路径将等同于 file:///C:/jquery.js 或无论您的本地硬盘是什么。您如何测试您的网页？
嗯，任何人建议从 src 目标中删除第一个“/”都是正确的。它只是简单的作品。所有这些演示都是为了在本地硬盘上运行，所以我不明白他们为什么会提出这样的非工作代码。我将发布一个示例。
您是否使用本地文件系统工作？在为网络编码时，这通常是一个坏主意。只需为 localhost 启动一个简单的网络服务器并始终使用它。

标签： javascript jquery css html web

【解决方案1】：

这是一个以斜线开头的示例。不使用它，不使用它。这是因为 html 文件位于某个随机目录中，其中包含一个 /js 文件夹，其中包含 jquery.js 文件。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Selectors</title>

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

</head>

<body>

<p>Hello</p>
<p>World</p>

<div>&copy; 2011 by John Fontana</div>

<script>
$("p").css("color","#FF0000");
$("div").css("color","#000000");
</script>

</body>
</html>

【讨论】：

你需要准备好文件<script>$(function() { ...code here });</script>
@RobScott 这里会有什么变化？
@TiiJ7 - 不理解你的问题。我总是被教导将 JS 放在文档就绪功能中，以便它可以适当地触发。
@RobScott 您并不总是需要等待文档准备好开始执行 javascript。在这种情况下，他不需要它，因为代码位于与之交互的所有元素之后。