在頁面中引入javascript文件的方式是多種多樣的,本文介紹兩種。
- 通過<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>