码迷,mamicode.com
首页 > Web开发 > 详细

JSP中引入js文件

时间:2016-05-10 15:29:55      阅读:499      评论:0      收藏:0      [点我收藏+]

标签:jsp 引入js

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属性!

本文出自 “Keyman” 博客,请务必保留此出处http://keyman.blog.51cto.com/9807984/1771699

JSP中引入js文件

标签:jsp 引入js

原文地址:http://keyman.blog.51cto.com/9807984/1771699

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!