在Web开发过程中，JavaScript（JS）作为网页中实现动态效果的重要工具，常常需要与JSP页面进行交互。今天，我们就来探讨一下如何在JSP页面中引入JS文件，并使用相对路径实现页面动态效果。让我们一起走进这个话题，感受JS与JSP的完美融合！
一、什么是JSP？
JSP（JavaServer Pages）是一种基于Java技术的服务器端页面技术。它允许我们使用Java代码编写服务器端的逻辑，并通过JSP标签和HTML标记来构建前端界面。JSP页面在服务器上被解释执行，生成的HTML页面再发送到客户端浏览器上。
二、什么是JS？
JavaScript（JS）是一种轻量级的编程语言，主要用于网页的客户端脚本编写。它可以在网页中实现各种动态效果，如响应用户操作、处理表单数据、与服务器交互等。
三、JSP引入JS相对路径实例
在JSP页面中引入JS文件主要有两种方式：绝对路径和相对路径。下面，我们将通过实例来演示如何使用相对路径引入JS文件。
1. 准备工作
我们需要创建一个简单的JSP页面和一个JS文件。
JSP页面（index.jsp）：
```html
<%@ page contentType="
