0

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

/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 路径适合第一个结构？

4

1 回答 1

3

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

../../src/demo.js

对于每一个..，你基本上都会在你的结构内上一层楼。您应该这样做，直到您到达一个文件夹，您可以从中访问指向您的文件的子文件夹。

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

于 2013-08-26T15:26:54.600 回答