HTML/JSP引入JS文件路径问题解析

文档目录结构
 


 


可以看到我的测试test6.html页面与我的js文件所在的myUtils文件夹在同一个目录。

代码清单1-1 arraysUtils.js
var
arrays={};//定义数组对象
//复制数组方法,将a复制给b
arrays.copyArrays=function(a,b){
for(var
i=0;i<a.length;i++){
b[i]=a[i];
}}
此时引入该js文件有两种方式：绝对路径和相对路劲
绝对路劲（不常用）
代码清单1-2 Test6.html
<script
src="E:/javaEE/JS/myUtils/arraysUtils.js">
</script>
<script>

var
a=['1','2','3'];
var
b=[];
arrays.copyArrays(a,b);

alert(b.length);
}
</script>
相对路径
代码清单1-3 Test6.html
<script
src="myUtils/arraysUtils.js"></script>
<script>

var
a=['1','2','3'];
var
b=[];
arrays.copyArrays(a,b);

alert(b.length);
}
</script>
由于我的测试文件与该js所在的文件夹在同一个目录，所以只需要直接引用当前目录就可
注意
代码清单1-4 Test6.html
<script
src="myUtils/arraysUtils.js">
var
a=['1','2','3'];
var
b=[];
arrays.copyArrays(a,b);

alert(b.length);
}
</script>
如代码清单1-4，万万不可将html中的js代码包含在引用的js标签（<script></script>）中，这样的话执行程序不会输出任何结果。