tomspapaya

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>

 

 

 

 

posted on 2014-01-02 21:40  tomspapaya  阅读(19584)  评论(1编辑  收藏  举报

导航