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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章