通过JavaScript文件的相对路径引用另一个JavaScript文件

时间:2015-08-14 10:50:09

标签: javascript

我最近有机会探索一个着名的JavaScript库;在那个库中,我发现了一种从HTML页面引用JavaScript库的奇怪方法。

应用程序文件夹结构如下所示

enter image description here

index.html包含 subroot.js 的引用;

的index.html

<head>
   <title>Index</title>
   <script src="js/subroot.js"></script>
</head>

subroot.js只包含以下代码(即 root.js 的相对路径)

subroot.js

../../js/root.js

当我尝试运行index.html时,我在subroot.js的第一行中出现语法错误

问题:

  1. 通过相对路径引用另一个javascript库是否正确?
  2. 如果是,为什么我在网页上收到错误消息?

2 个答案:

答案 0 :(得分:2)

JavaScript本身不支持加载文件或引用路径。您需要某种模块加载器来实现您想要的功能。使用新版本的标准(ECMAScript 6),您可能会发现一些名为“导入”的东西。我有使用JSPM和SystemJS模块加载器的经验,这使得连接点很容易。

但是,如果不使用任何其他工具,您只需在HTML中注入另一个脚本标记。

答案 1 :(得分:0)

只是引用HTMl文件中不在Subroot.js文件中的root.js,据我所知,你不能从.js文件中引用另一个.js文件。

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

请参阅Link