如何在单独的文件夹中激活JS文件

时间:2015-08-14 10:01:41

标签: javascript html

我是JS的新手,我尝试了许多不同的方法来尝试让它工作,但无济于事。 (我查看了其他帖子,但他们的解决方案对我没用)

我的项目文件夹按如下方式组织:

+-+ project
  +-- css
  +-+ js
  | +-- index_js.js
  +-- index.html

通过将脚本标记src分配给src =“index_js.js”,我可以使用js文件夹之外的index_js.js文件。但是当我尝试将它分配给src =“../ js / index_js.js”而它在js文件夹中时它不起作用并且不会给我提醒。我也尝试过分配src =“/ js / index_js.js”,但它仍然不起作用。

我的index.html是:

<!DOCTYPE html>
<html>
<head>
</head>

<body>
    <script type="text/javascript" src="../js/index_js.js"></script>
</body>

</html>

我的index_js.js是:

alert("inside of the js folder");

5 个答案:

答案 0 :(得分:3)

那需要:

<script type="text/javascript" src="js/index_js.js"></script>

甚至:

<script type="text/javascript" src="./js/index_js.js"></script>

通过指定../js,您将搜索与js目录位于同一级别的project目录。

答案 1 :(得分:1)

你的index.html应该是这样的:

<!DOCTYPE html>
<html>
<head>
</head>

<body>
    <script type="text/javascript" src="js/index_js.js"></script>
</body>
</html>

答案 2 :(得分:1)

使用

src="../js/index_js.js"
代码中的

将查找&#34; index_js.js&#34; &#34;项目&#34;。

的父文件夹
../ refers to up one level.

在给定的代码中,您位于/project/index.html 当你这样做../你正在转移到父文件夹,即/ root / project /

现在,当你给出

src="../js/index_js.js"

它在以下位置查找js文件: /root/js/index_js.js

正确的代码是:

<body>
    <script type="text/javascript" src="./js/index_js.js"></script>
</body>

<body>
    <script type="text/javascript" src="js/index_js.js"></script>
</body>

答案 3 :(得分:0)

通过表达functionWithDots(1,2) ,您将退出当前的"../"文件夹,转移到根文件夹。然后你的脚本试图找到子文件夹&#34; js&#34;和不存在的目录中的文件。你的正确代码是:

project

答案 4 :(得分:0)

因为你的index.html文件在同一目录下有js文件夹,所以你不需要使用任何反斜杠。

<script type="text/javascript" src="js/index_js.js"></script>

现在确定;

  • 您有js个文件夹和index.html文件 目录。
  • 文件夹名称js如您所述。
  • 文件名正确放置,即index_js.js,它位于js文件夹中。