根据您提供的详情,我发现您的错误在于当您在HTML文件中使用"/"
来引用同级目录下的JavaScript文件时。当您使用/
时,浏览器会认为是从根目录开始查找。这意味着如果您将HTML文件和JS文件放在同一个文件夹中,则不需要使用"/"
,只需直接写入index.js
即可。
例如:
假设您的文件夹结构如下:
MyWebProject (文件夹)
└── index.html
└── js (文件夹)
└── index.js
在这种情况下,您应当这样引用JS文件:
<script src="./js/index.js"></script>
关于您提供的<script>
标签引用外部JavaScript文件的说明:
<script src="./js/function.js"></script>
src="./js/function.js"
:这个属性指定了要包含的JavaScript文件的路径。在这个例子中,它被设置为./js/function.js
,这意味着文件位于当前目录下的js
文件夹内(.
表示当前目录)。
./
:这代表当前目录。因此,./js/
指向的是当前目录下的js
文件夹。
function.js
:这是要包含的JavaScript文件的名称。
所以,这个<script>
标签告诉浏览器加载并执行当前目录下js
文件夹内的function.js
文件中的JavaScript代码。确保文件路径正确,并且function.js
文件确实存在于指定的位置。