天天看点

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页面引入插件