您的位置:首页 > Web前端 > JavaScript

JSP中引入js文件

2016-05-10 10:56 288 查看
1. 引入的js文件代码执行出错
排查方法:将引入的js文件中的代码直接放到jsp中<script></script>标签内,使用浏览器访问,如果出错,则为js
代码存在问题
2. 如果步骤一中未出错,但引入时报错,则有两种可能

引入Js的指令有错误

引入的Js的编码格式与当前页面不匹配

1) 引入Js的指令有错误

|-source
|    |
|    ---js
|      |
|      ---base.js
|-index.jsp


JS引入---绝对路径(直接访问jsp文件):

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+ \
request.getServerPort()+path+"/";
%>
<script src="\<\%=basePath \%\>source/js/base.js"></script>
JS引入---相对路径:
直接访问JSP文件时, 可以使用相对路径(index.jsp和index.js在相同目录下)
<script src=index.js></script>

JS引入---绝对路径(通过servlet或action跳转):
<script src="/source/js/base.js"></script>
或者:
<script src="http://xxx.xxx.xx.xx/project_name/source/js/base.js"></script> (推荐 )

在实际开发中,尽量不要使用相对路径!

2)引入js的编码问题;

编码问题---将js文件及jsp的编码改为一致。
编码问题---使用charset设置
<script src="/source/js/base.js" charset="UTF-8"></script>
实际开发中,尽量都写上charset属性!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jsp 引入js