Javaweb項目引入js文件路徑的三種方式


Javaweb項目引入js文件路徑的三種方式

 
  • 1、直接引用:

    • 根據項目的目錄結構。我的項目目錄結構如圖: 
      js文件夾、WEB-INF文件夾、form.jsp、index.jsp、show.jsp為webapp目錄下的同級路徑 
      引用方式為:
    1
    <script type= "text/javascript"  src= "js/jquery-3.0.0.min.js" ></script>

    2、通過EL表達式引入:

    1
    2
    3
    4
    5
    <%@ page language= "java"  contentType= "text/html; charset=UTF-8"
         pageEncoding= "UTF-8"  isELIgnored= "false"  %>
    <%@ taglib uri= "http://java.sun.com/jsp/jstl/core"  prefix= "c"  %>
    <c:set value= "${pageContext.request.contextPath}"  var= "path"  scope= "page" />
    <script type= "text/javascript"  src= "${path}/js/jquery-3.0.0.min.js" ></script>

    3、通過java引入:

    1
    2
    3
    4
    5
    <%
         String path = request.getContextPath();
         String basePath = request.getScheme()+ "://" +request.getServerName()+ ":" +request.getServerPort()+path+ "/" ;
    %>
         <script type= "text/javascript"  src= "<%=basePath%>/js/jquery-3.0.0.min.js" ></script>
     
     
     
     
    -------------------------------------------------親證能用   ------------------------------------------------
    -- js文件 放在WebContent文件夾下面

    上面截圖是項目目錄,我們要在jsonTest.jsp 文件中引入 WEB-INF/js/jquery-2.1.4.min.js文件,如下:

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js" ></script>

     

    --直接從網上找
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

     
     
     
     
     
     
     
     
     
     
     
     
     


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM