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

在页面中引入javascript文件的方式是多种多样的,本文介绍两种。

  1. 通过<script>标签插入js文件

通过这种方式引入的js,写对js文件和jsp文件的路径很重要。下面给出一个项目的路径结构,由此说明我是怎么在项目的jsp页面中引入js的。

在eclipse中新建一个web项目,目录结构如下:

jsp文件引入js文件的方式(项目部署于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>
上一篇:【Java】Java 序列化的高级认识


下一篇:Java序列化技术