Question

在我的项目中我有这样的结构：

/simpleTest
  /src
    /demo.js

  /test
    /subfolder
      /index.html

我需要将 demo.js 文件包含在我的 index.html 中，以便能够从我的html调用js函数。

以下是我在html中的内容：

<head>
  <title>Test case</title>
  <script type="text/javascript" src="/simpleTest/src/demo.js"></script>
</head>
<body>
<button type="button" onclick="callTest()">Click</button>
</body>
</html>
</html>

这是我的简单javascript文件：

function callTest(){
    alert("!");
}

如果我这样离开 - 当我按下“点击”按钮时没有任何反应。我也尝试将src路径更改为“../ simpleTest / src / demo.js”，“./ simpleTest / src / demo.js”，“simpleTest / src / demo.js”，“../ src / demo.js”，“。/ src / demo.js”，“src / demo .js“，但它仅适用于绝对路径：”C：\ Users \ Me \ Desktop \ simpleTest \ src \ demo.js“，它不适用于任何真实项目。

另外，如果我将src路径更改为“demo.js”并将结构更改为

/simpleTest
  /demo.js
  /index.html

它的工作原理，以及改变“../ src / demo.js”的路径和结构

/simpleTest
  /src
    /demo.js

  /test
    /index.html

帮助。但是这两种干扰都不适合我（我有一定的目的，有一个结构，我在帖子的开头提到过）。

那么，请告诉我如何为需要的结构指定项目的根目录，以使src路径适合第一个结构？

Answer 1

如果您确实需要这样的文件夹结构，请将其用作路径：

../../src/demo.js

每个..你基本上都会在你的结构中升级一级。你应该这样做，直到你到达一个文件夹，从中可以访问通往你文件的子文件夹。

^{你真的需要这样一个深层嵌套的文件夹结构吗？一般来说，我建议使用相当扁平的文件夹结构。有理由使用更多嵌套，但我在这里看不到任何嵌套。}

如何指定项目的根来从HTML调用JS函数

1 个答案: