Question

我正在尝试将jquery代码从内部html文件移动到外部文件并将其链接到html文件的头部，该网站在html内部工作，但是当我将代码移动到外部文件时，链接无效。

HTML头代码：

<head>
    <link rel="stylesheet" href="/newsite/style.css" title="new" type="text/css" media="screen" charset="utf-8">
    <script type="text/javascript" src="./newsite/js/scripting.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

Answer 1

问题在于：

<script type="text/javascript" src="./newsite/js/scripting.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

您在加载jQuery库之前尝试使用jQuery。你需要像这样切换它们：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="./newsite/js/scripting.js"></script>

虽然我不建议使用最新的jQuery，但你永远不知道将来可能会弃用什么。

如果这不能解决问题，请确保您的目录是正确的。检查浏览器上的控制台是否有错误消息。

Answer 2

如果您使用谷歌浏览器，请按F12打开开发工具，然后单击“控制台”选项卡。然后刷新页面。您应该看到有关脚本无法正常工作的错误。

如果没有错误，请点击“网络”标签，然后查找您的JavaScript文件。加载到页面中的任何文件都应显示在此处。如果不存在，则表示未加载，这意味着您没有正确地将脚本标记添加到HTML中。

Answer 3

如果您是从本地HTML文件运行此文件，我非常有信心您的问题是该文件未被包含。

包含它的代码可能

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

或

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

但是从反斜杠开始意味着当前域的根。如果您在本地运行该文件，那将是您的C驱动器（可能）。

我说可能是因为你没有给予太多的帮助。

Answer 4

在脚本底部放置 console.log（）; ，在打开开发人员工具控制台的情况下加载页面，如果您可以看到脚本正在运行的日志，则可能还有另一个外部JavaScript文件或干扰您的脚本的内部脚本阻止其工作，检查您在页面中加载了哪些脚本，在页面底部设置了无法加载的脚本，以便脚本页面加载时已加载。

您的源目录也可能是错误的，当您加载页面时打开开发人员工具并选择“控制台”以检查是否有错误导致无法找到该文件。

*修改

控制台显示：无法加载资源：服务器响应状态为404（未找到）。

这是链接：http://khaleha3rbi.com/newsite/newsite/js/scripting.js

您需要删除该目录链接中的一个“newsite”文件夹。

Answer 5

我已经解决了，解决方案是在<head>标记中的行之间切换。

就是这样：

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

<script src="http://code.jquery.com/jquery-latest.js"></script>

我做到了： <script src="http://code.jquery.com/jquery-latest.js"></script>

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

它有效。

谢谢大家的帮助

将jquery代码移动到外部文件不起作用

5 个答案: