天天看點

jsp頁面、html頁面引入插件

項目通路的時候通路路徑為:協定+本地IP+端口号+項目名稱+路徑

例如:“http://127.0.0.1:8080/testStatistics/phoneOnlineQueryController/statistics/”

jsp頁面引入插件

jsp的script标簽動态引入插件

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

jsp頁面:

jsp頁面、html頁面引入插件

檢視網頁源代碼檔案:

jsp頁面、html頁面引入插件

跳轉結果:

jsp頁面、html頁面引入插件

html頁面引入插件

<!-- 加載 Bootstrap 的所有 JavaScript 插件。你也可以根據需要隻加載單個插件。 -->
<!-- 第一種方式:通過插件的絕對路徑 -->
<script type="text/javascript" src="/testStatistics/WebContent/statics/js/bootstrap.js"></script>
<!-- 第二種方式:通過插件的相對路徑 -->
<script type="text/javascript" src="../../statics/js/bootstrap.js"></script>
<!-- 第三種方式:仿寫jsp頁面的${pageContext.request.contextPath}/statics/js/jquery-1.9.1.min.js"跳轉的路徑 -->
<script type="text/javascript" src="/testStatistics/statics/js/bootstrap.js"></script>
           

檢視網頁源代碼檔案:

jsp頁面、html頁面引入插件

下圖是三種方式下的跳轉結果:

jsp頁面、html頁面引入插件
jsp頁面、html頁面引入插件
jsp頁面、html頁面引入插件