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

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