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

How to activate JS file in a separate folder

本文关键字：一个 文件夹 单独 文件 何激活 激活 JS      更新时间：2023-09-26

我是JS的新手，我尝试了许多不同的方法来尝试并得到这个工作，但无济于事。(我看了其他帖子，但他们的解决方案不适合我)

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

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

我已经得到了它的工作与index_js.js文件以外的js文件夹通过分配脚本标签src src="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");

需要:

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

甚至:

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

通过指定../js，您正在搜索与project目录在同一级别的js目录。

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

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

使用

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

将查找"project"的父文件夹"index_js.js" 

../ 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>

通过表示"../"，您将退出当前的project文件夹并移动到根文件夹。然后，您的脚本尝试在不存在的目录中找到子文件夹"js"和文件。正确的代码应该是:

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

由于js文件夹与index.html文件位于同一目录，因此不需要使用任何反斜杠。

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

现在确保;

  • 你有js文件夹和index.html文件都在同一个目录。
  • 文件夹名称js如您所提到的。
  • 文件名正确放置，即index_js.js，它在js文件夹内。
相关文章：