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

问题描述:

将jQuery lib文件加载到HTML文件并尝试在各种浏览器中运行时,它正在IE,Chrome中工作,但它在012-中失败。正确加载html文件中的本地脚本文件

失败的情况下,我怎么装我的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)。当我在萤火虫中看到它时,我会看到附件(“IMAGE_01”)。因此我明白,jQuery库不能正确加载。并且网页没有加载它是抛出控制台错误为“ReferenceError:$未定义?”。

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

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

jquery.min.js - >版本的jQuery v1.10.2的

jquery.layout-latest.js - > [http://layout.jquery-dev.com/lib/js/jquery.layout-latest.js][2]

enter image description here

+2

取代jquery文件的绝对文件系统路径,您应该提供相对于引用jquery文件的html文件的路径。当您的页面被远程系统上的客户端访问时,您的路径将不起作用 –

对于我来说,我想将我的所有文件同一个项目文件夹。

因此,例如,我有我的文件夹内文件结构命名为Project

项目

  • jquery.min.js
  • jquery.layout-latest.js
  • 风格.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>