2. 创建页面P1.jsp,在页面产生一个1-100范围内的整数。如果此数为偶数,就转到P2.jsp,页面,输出此数的值及图片1.如果此数为奇数,就转到P3.jsp页面,输出此数的值及图片2
时间: 2024-09-20 14:05:58 浏览: 84
为了创建这样的页面P1.jsp,你可以使用HTML、JavaScript以及Servlet/JSP技术。首先,你需要在P1.jsp文件中编写一些基本结构,并添加一个随机生成的整数判断逻辑。这里是一个简化的示例:
```html
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Page 1</title>
<script>
function generateRandomNumber() {
var randomNum = Math.floor(Math.random() * 100) + 1;
document.getElementById("random").innerHTML = randomNum;
// JavaScript判断是否为偶数
if (randomNum % 2 == 0) {
window.location.href = "P2.jsp?number=" + randomNum; // 转向P2页面并传递数字
} else {
window.location.href = "P3.jsp?number=" + randomNum; // 转向P3页面并传递数字
}
}
</script>
</head>
<body>
<button onclick="generateRandomNumber()">Generate Number</button>
<p id="random"></p>
<!-- 这里可以添加图片标签,例如对于偶数显示图片1,奇数显示图片2,具体样式根据实际CSS设计 -->
<img src="image_even.jpg" id="evenImage" style="display:none;">
<img src="image_odd.jpg" id="oddImage" style="display:none;">
</body>
</html>
```
在这个例子中,点击按钮会生成一个1到100之间的随机数。如果它是偶数,`window.location.href`会被设置为指向P2.jsp并将随机数作为查询参数传递。如果是奇数,将跳转到P3.jsp。
然后,在P2.jsp和P3.jsp页面上,需要接收这个参数,展示数字和相应的图片。比如在P2.jsp:
```jsp
<%@ page import="java.util.*"%>
<% String number = request.getParameter("number"); %>
<h1>Number: <%= number %> (Even)</h1>
<img src="image1.jpg" alt="Image 1">
```
在P3.jsp中做类似的操作,只是图片不同:
```jsp
<%@ page import="java.util.*"%>
<% String number = request.getParameter("number"); %>
<h1>Number: <%= number %> (Odd)</h1>
<img src="image2.jpg" alt="Image 2">
```
阅读全文