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

时间:2024-03-02 13:01:16

文档目录结构

 

 

可以看到我的测试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>)中,这样的话执行程序不会输出任何结果。