document.from_import.submit(); 执行完如何关闭jsp页面

时间: 2024-03-16 09:46:35 浏览: 97

实验1 JSP程序设计1.doc

### 实验一：JSP程序设计 #### 一、实验目的本次实验旨在通过一系列具体的实践操作，加深学生对JSP技术的理解，并掌握基本的Web开发技能，包括JSP页面的创建、HTML与CSS的基本应用、JavaScript脚本的编写、Servlet的使用等。 #### 二、实验内容详解 ##### 1. 新建一个 JSP 页面，运行该页面后能输出 1-10 这些数字。 - **实现思路**： - 创建一个JSP文件。 - 使用JSP内置对象`out`来输出1到10的数字。 - 可以通过循环结构来实现数字的连续输出。 - **代码示例**： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>数字输出</title> </head> <body> <% for (int i = 1; i <= 10; i++) { %> <%= i %> <br/> <% } %> </body> </html> ``` ##### 2. 编写一个用户登录页面（html 文件即可），并使用外部 CSS 文件对页面进行设置，登录表单居中显示，文字加粗显示。以及在页面中嵌入 JS 脚本，实现当不填写用户名或者密码时，单击提交会弹窗提醒。 - **实现思路**： - 创建一个HTML文件作为登录页面。 - 使用CSS文件定义样式。 - 添加JavaScript脚本来处理表单验证。 - **代码示例**： **index.html** ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Login Page</title> <link rel="stylesheet" href="style.css"> <script src="validate.js"></script> </head> <body> <form id="loginForm" onsubmit="return validateForm()"> <div class="container"> <h2>Login Form</h2> <label for="username">Username:</label> <input type="text" id="username" name="username"> <label for="password">Password:</label> <input type="password" id="password" name="password"> <button type="submit">Login</button> </div> </form> </body> </html> ``` **style.css** ```css .container { width: 300px; margin: auto; text-align: center; } label, input { font-weight: bold; display: block; margin: 10px 0; } button { margin-top: 20px; } ``` **validate.js** ```javascript function validateForm() { const username = document.getElementById('username').value; const password = document.getElementById('password').value; if (username === '' || password === '') { alert('Please fill in both username and password.'); return false; } return true; } ``` ##### 3. 利用超链接进行传值，传递数字 5，单击超链接后跳转到一个 Servlet 处理，页面显示 5的平方的值。 - **实现思路**： - 创建一个HTML文件，其中包含指向Servlet的超链接。 - 在Servlet中读取传来的参数，并计算平方。 - 返回结果到客户端显示。 - **代码示例**： **index.html** ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Square Calculation</title> </head> <body> <a href="SquareServlet?number=5">Calculate Square</a> </body> </html> ``` **SquareServlet.java** ```java import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; @WebServlet("/SquareServlet") public class SquareServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int number = Integer.parseInt(request.getParameter("number")); int square = number * number; response.setContentType("text/html;charset=UTF-8"); response.getWriter().println("<html><head><title>Square Result</title></head><body>"); response.getWriter().println("The square of " + number + " is: " + square); response.getWriter().println("</body></html>"); } } ``` ##### 4. 制作一个 HTML 文件，用于注册信息的表单提交，注册信息包括用户名、密码、性别、爱好（多选），个人信息。表单提交给 Servlet 后，输出提交的注册信息。 - **实现思路**： - 创建一个HTML文件，其中包含必要的表单元素。 - 使用Servlet接收表单数据，并将其输出到页面。 - **代码示例**： **register.html** ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Register Form</title> </head> <body> <form action="RegisterServlet" method="post"> Username: <input type="text" name="username"><br/> Password: <input type="password" name="password"><br/> Gender: <input type="radio" name="gender" value="male"> Male <input type="radio" name="gender" value="female"> Female<br/> Hobbies: <input type="checkbox" name="hobbies" value="reading"> Reading <input type="checkbox" name="hobbies" value="coding"> Coding <input type="checkbox" name="hobbies" value="traveling"> Traveling<br/> <input type="submit" value="Register"> </form> </body> </html> ``` **RegisterServlet.java** ```java import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; @WebServlet("/RegisterServlet") public class RegisterServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username = request.getParameter("username"); String password = request.getParameter("password"); String gender = request.getParameter("gender"); String[] hobbies = request.getParameterValues("hobbies"); response.setContentType("text/html;charset=UTF-8"); response.getWriter().println("<html><head><title>Registration Result</title></head><body>"); response.getWriter().println("Username: " + username + "<br/>"); response.getWriter().println("Password: " + password + "<br/>"); response.getWriter().println("Gender: " + gender + "<br/>"); response.getWriter().println("Hobbies: "); if (hobbies != null) { for (String hobby : hobbies) { response.getWriter().println(hobby + " "); } } response.getWriter().println("</body></html>"); } } ``` ##### 5. 制作一个 HTML 文件，该页面包含用户登录的表单。登录需要提交的信息包括用户名、密码，表单提交给 Servlet 后，验证用户名与密码是否一致，如果一致，输出“欢迎您，XXX！”（XXX 为输入用户名）；如果不一致，则输出“登录失败！”。 - **实现思路**： - 创建一个HTML文件作为登录页面。 - 使用Servlet来验证登录信息。 - **代码示例**： **login.html** ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login Page</title> </head> <body> <form action="LoginServlet" method="post"> Username: <input type="text" name="username"><br/> Password: <input type="password" name="password"><br/> <input type="submit" value="Login"> </form> </body> </html> ``` **LoginServlet.java** ```java import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; @WebServlet("/LoginServlet") public class LoginServlet extends HttpServlet { private static final String CORRECT_USERNAME = "admin"; private static final String CORRECT_PASSWORD = "123456"; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username = request.getParameter("username"); String password = request.getParameter("password"); if (username.equals(CORRECT_USERNAME) && password.equals(CORRECT_PASSWORD)) { response.setContentType("text/html;charset=UTF-8"); response.getWriter().println("<html><head><title>Login Result</title></head><body>"); response.getWriter().println("Welcome, " + username + "!"); response.getWriter().println("</body></html>"); } else { response.setContentType("text/html;charset=UTF-8"); response.getWriter().println("<html><head><title>Login Result</title></head><body>"); response.getWriter().println("Login failed!"); response.getWriter().println("</body></html>"); } } } ``` ##### 6. 利用 Servlet 在页面中输出 9X9 的乘法表格。 - **实现思路**： - 使用Servlet来生成乘法表格。 - 输出到页面。 - **代码示例**： **MultiplicationTableServlet.java** ```java import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; @WebServlet("/MultiplicationTableServlet") public class MultiplicationTableServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=UTF-8"); response.getWriter().println("<html><head><title>Multiplication Table</title></head><body>"); for (int i = 1; i <= 9; i++) { for (int j = 1; j <= 9; j++) { response.getWriter().println(i + "x" + j + "=" + (i * j) + " "); } response.getWriter().println("<br/>"); } response.getWriter().println("</body></html>"); } } ``` #### 三、实验总结通过以上实验，学生能够熟悉JSP的基本语法，掌握如何使用HTML、CSS和JavaScript来构建动态网页，并了解如何通过Servlet处理用户提交的数据。这些技能对于后续深入学习Web开发具有重要的基础作用。此外，实验还锻炼了学生的编程实践能力和问题解决能力。

要关闭当前的 JSP 页面可以使用 JavaScript 中的 `window.close()` 方法。你可以在执行完 `document.from_import.submit();` 后添加以下代码来关闭页面： ```javascript window.close(); ``` 请注意，这种方法只能关闭通过 `window.open()` 方法或者通过 `<a>` 标记中的 `target="_blank"` 属性打开的窗口或者标签页。如果你的 JSP 页面是在浏览器中正常打开的，那么这种方法将无效。

阅读全文

document.from_import.submit(); 执行完如何关闭jsp页面

相关推荐

Jsp生成页面验证码的方法[附代码]

javascript与jsp发送请求到servlet的几种方式实例

document.from_import.submit(); 条转到下一个页面 如果和关闭上一个页面

1. 创建一个jsp页面，输出两个数的最大公约数。 2. 显示60秒倒计时

java代码如何实现JSP页面导出为word文档

java web编写计算器_javaWeb 使用 jsp 和 javaBean 实现计算器功能

使用ajax和jsp以及jdbc技术写一个评论页面

新建一个数据库stbdb，添加一个student表，为student表添加多条数据； 2、编写select.jsp、insert.jsp、update.jsp、delete.jsp页面，实现对student表进行增删改查的操作

1、新建一个数据库stbdb，添加一个student表，为student表添加多条数据； 2、编写select.jsp、insert.jsp、update.jsp、delete.jsp页面，实现对student表进行增删改查的操作

编写一个代码完成用户信息修改功能：在用户列表页面中单击“修改该用户”超链接，跳转到showUser.jsp,显示所用修改用户的信息，编辑完用户信息后单击确定按钮，修改信息完成，并显示“修改用户成功”提示信息

用jsp，Servlet，ajax编写登陆页面，当用户名和密码相等时，则登录成功，否则登录失败。当单击登录按钮，发送AJAX请求，提交给LoginServlet处理，处理完毕后，将登录结果信息返回给login.jsp页面，并显示在提交按钮下方区域。

开发一个动态网页计算器JSP服务应用,该服务页面能帮用户实现动态加、减、乘、除、求余计算。代码

JSP，JavaScript注册登录实现方法

学生成绩管理系统用户注册页面设计JavaWeb语言

jsp评论区功能代码实现

利用jsp和servlet实现一个登录注册页面，有一个user界面显示登录的用户列表，实现用户名查询功能 在页面上输入用户名的关键字，点击查询按钮，查询包含由关键字的用户列表信息，局部刷新显示的详细代码

使用servlet写一段登录页面和注册页面滑动式交换的javaweb代码

最新推荐

c语言盒子接球游戏源码.rar

Java集合ArrayList实现字符串管理及效果展示

管理建模和仿真的文件

【MATLAB信号处理优化】：算法实现与问题解决的实战指南

在西门子S120驱动系统中，更换SMI20编码器时应如何确保数据的正确备份和配置？

实现2D3D相机拾取射线的关键技术

"互动学习：行动中的多样性与论文攻读经历"

【MATLAB时间序列分析】：预测与识别的高效技巧

如何在TMS320VC5402 DSP上配置定时器并设置中断服务程序？请详细说明配置步骤。

LiveLy-公寓管理门户：创新体验与技术实现

document.from_import.submit(); 条转到下一个页面如果和关闭上一个页面

利用jsp和servlet实现一个登录注册页面，有一个user界面显示登录的用户列表，实现用户名查询功能在页面上输入用户名的关键字，点击查询按钮，查询包含由关键字的用户列表信息，局部刷新显示的详细代码