jsp文件引入js文件的方式(項目部署於web容器中)


在頁面中引入javascript文件的方式是多種多樣的,本文介紹兩種。

  1. 通過<script>標簽插入js文件

      通過這種方式引入的js,寫對js文件和jsp文件的路徑很重要。下面給出一個項目的路徑結構,由此說明我是怎么在項目的jsp頁面中引入js的。

在eclipse中新建一個web項目,目錄結構如下:

可以看到,jsp頁面和欲引入的js在不同的目錄下。

                                                      以下是jsp頁面關於引入js的代碼。

一、在頁面的最開始,獲取項目的根路徑。

    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
    %>

 

舉例來說,

path可能如下:myProject

basePath可能如下:http://localhost:8080/myProject/

二、在<head></head>中,插入下述代碼:

base href="<%=basePath%>">

這句代碼的作用是將整個頁面的根路徑設置為項目路徑。

三、<script>的設置為:

<script type="text/javascript" src="plugins/audio/howler.js"></script>
<script type="text/javascript" src="plugins/jquery/jquery.js"></script>

 

2.直接在<script type="text/javascript"></script>標簽對中寫入js代碼

示例如下:

 

<script type="text/javascript">
$(document).ready(function() {
    alert("ok");
});
</script>

 

 

 

 


免責聲明!

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



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