正确加载html文件中的本地脚本文件

时间:2016-11-23 06:46:10

标签: jquery html

将jQuery lib文件加载到HTML文件并尝试在各种浏览器中运行时,它正在IE,Chrome中运行,但在Mozilla中无效

失败的情况,我如何将我的jQuery文件加载到我的HTML文件中:

<SCRIPT type="text/javascript" src="C:/Users/Local/jquery.min.js"></SCRIPT>
     <SCRIPT type="text/javascript" src="C:/Users/Local/jquery.layout-latest.js"></SCRIPT>

当我执行上述操作时,它无法在Mozilla Firefox(版本:Firefox ESR 45.5.0)中运行。当我在萤火虫中看到它时,我看到了附件(&#34; IMAGE_01&#34;)。因此我理解,jQuery库没有正确加载。并且网页没有加载它引发了控制台错误&#34; ReferenceError:$未定义?&#34;。

为了解决这个问题,我复制了jQuery lib文件的内容并将其粘贴到同一个HTML文件中,在这种情况下,它运行正常。

我的疑问是,当我从本地引用文件名时,为什么这个文件没有在Mozilla中正确加载(注意:我复制到我的html文件中的文件脚本相同)。

jquery.min.js - &gt;版本jQuery v1.10.2

jquery.layout-latest.js - &gt; [http://layout.jquery-dev.com/lib/js/jquery.layout-latest.js][2]

enter image description here

1 个答案:

答案 0 :(得分:0)

对我来说,我会将所有文件放在同一个项目文件夹中。

例如,我在名为Project的文件夹中有这个文件结构:

<强>项目

  • jquery.min.js
  • jquery.layout-latest.js
  • 的style.css
  • 的index.html

我将调用以下脚本:

<script src="jquery.min.js"></script>
<script src="jquery.layout-latest.js"></script>

请注意,我的文件位于同一级别的根目录中。

如果js文件都在project/js/文件夹中,那该怎么办?

<script src="../js/script.js"></script>