在Web开发领域，JS文件和JSP文件是两种非常常见的文件类型。它们在Web页面开发中扮演着重要的角色。但你知道它们之间有什么区别吗？今天，我们就来深入剖析一下JS文件和JSP文件的区别，并通过实例来帮助你更好地理解。
什么是JS文件和JSP文件？
JS文件：JavaScript文件，简称JS文件，是一种轻量级的编程语言，主要用于实现网页的动态效果。它可以在浏览器端运行，无需服务器支持。
JSP文件：JavaServer Pages文件，简称JSP文件，是一种基于Java技术的服务器端脚本语言。它可以将HTML代码与Java代码混合编写，实现动态网页的生成。
JS文件与JSP文件的区别
| 特性 | JS文件 | JSP文件 |
|---|---|---|
| 运行环境 | 浏览器端 | 服务器端 |
| 编程语言 | JavaScript | Java |
| 文件扩展名 | .js | .jsp |
| 功能 | 实现网页的动态效果 | 生成动态网页内容 |
实例分析
下面，我们将通过一个简单的实例来对比JS文件和JSP文件。
实例需求：实现一个简单的登录功能，用户输入用户名和密码，提交后判断是否正确，并显示相应的提示信息。
JS文件实现
1. index.js
```javascript
// 定义一个函数，用于判断用户名和密码是否正确
function login() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
if (username === 'admin' && password === '123456') {
alert('登录成功！');
} else {
alert('用户名或密码错误！');
}
}
```
2. index.html
```html