JSP的初步学习(2)

JJ写代码

已于 2022-05-04 15:22:57 修改

阅读量1.2k

点赞数

分类专栏： web前端 html 文章标签： html javascript js

于 2022-05-04 15:18:03 首次发布

本文链接：https://blog.csdn.net/weixin_50725886/article/details/124569196

版权

web前端同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

一、在JSP页中，向用户显示结果时，如何实现换行操作

二、在JSP页中，pageContext对象有哪些作用域可供操作

三、JSP页面中使用Date对象

四、JSP中使用css样式

五、如何在JSP页面中使用JavaScript代码

一、在JSP页中，向用户显示结果时，如何实现换行操作

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%out.println("这是第一种换行方式<br />"); %>
	<%out.println("这是第二种换行方式"); %><br />
	
</body>
</html>

二、在JSP页中，pageContext对象有哪些作用域可供操作

pageContext对象的作用是取得任何范围的参数，通过它可以取得JSP页面的out，request，session，application等对象，pagecontext的创建和初始化都是由容器来完成，因此在JSP页面中可以直接使用，下面我们用代码来验证一下。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%
	//获取request对象
	HttpServletRequest req = (HttpServletRequest) pageContext.getRequest();
	//设置page范围内属性
	pageContext.setAttribute("str", "page域的数据", pageContext.PAGE_SCOPE);
	//设置request范围内属性		
	req.setAttribute("str", "request域的数据");
	//设置session域
	HttpSession se=(HttpSession) pageContext.getSession();
	//设置session域数据
	se.setAttribute("str", "session域的数据");
	//设置application域
	ServletContext app=this.getServletContext();
	//设置application域的数据
	app.setAttribute("str", "application域的数据");
	//获得的page范围属性
	String str1 = (String) pageContext.getAttribute("str", pageContext.PAGE_SCOPE);
	//获得的request范围属性
	String str2 = (String) pageContext.getAttribute("str", pageContext.REQUEST_SCOPE);
	//获得session域的数据
	String str3 = (String) pageContext.getAttribute("str", pageContext.SESSION_SCOPE);
	//获得application域的数据
	String str4 = (String) pageContext.getAttribute("str", pageContext.APPLICATION_SCOPE);
	%>
	<%="page范围：" +str1%> <br />
	<%="request范围："+str2 %> <br />
	<%="session范围：" +str3%> <br />
	<%="application范围："+str4 %> <br />
</body>
</html>

三、JSP页面中使用Date对象

在JSP页面中我们可以使用Date日期对象来取得时间，先来介绍一下Date对象大概有哪些方法可以调用。

dateObject.getTime() 0~... 从GTM1970年1月1日0：00：00开始计算的毫秒数。
dateObject.getFullYear() 1970~... 4位数年份，适用于版本4以上的浏览器。
dateObject.getMonth() 0~11一年中的月份(1月为0)。
dateObject.getDate() 1~31一月中的日期。
dateObject.getDay() 0~6 星期(星期日为0)。
dateObject.getHours() 0~23一天中指定的小时数，采用24小时制。
dateObject.getMinutes() 0~59指定小时内的分钟数。
dateObject.getSeconds() 0~59指定分钟内的秒数。

注意除了getDate()获取日期是从1开始的，其它都是从0开始；

那么下面我们试试在代码中的操作

<%@page import="java.util.Date"%>
<%@page import="org.apache.naming.java.javaURLContextFactory"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!--输出当前时间【完成本地化格式输出】 -->
    <% out.println("当前时间:"+new java.util.Date().toLocaleString());%><br />
<!--得到一年中的月份 -->  
	<% out.println("当年月份:"+new Date().getMonth());%><br />
<!--得到月份中的日期 -->  
	<% out.println("本月日期:"+new Date().getDate());%><br />
<!--得到星期数 -->  
	<% out.println("现在星期数:"+new Date().getDay());%><br />
<!--得到当天的小时数 -->  
	<% out.println("当天小时数:"+new Date().getHours()); %><br />
<!--得到分钟数 -->  
	<% out.println("当前小时的分钟数:"+new Date().getMinutes());%><br />
<!--得到当前分钟的秒数 -->  
	<% out.println("当前分钟的秒数:"+new Date().getSeconds());%><br />
</body>
</html>

所得到的都是执行操作一瞬间的当前时间。

四、JSP中使用css样式

JSP中使用css样式就和html一样的，在JSP<head>标签里面加上<link href="" type="" rel="">

href后面就是你要导入的css文件的路径，type="text/css" 就具体说明调用样式的文件类型为CSS样式，rel="stylesheet"表示调用的是一种样式。

这里呢，对之前的“JSP初步学习（一）”里面的登录界面做了一个简单的css样式控制，这里放出来给大家看看

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link href="login.css" type="text/css" rel="stylesheet">
</head>
<body>
	<div class="main_div">
	<h1 id="h1_style">这是form表单跳转JSP页面的测试</h1>
	<p>下面是你需要输入的账号密码</p>
	<p>账号请输入majie</p>
	<p>密码请输入mj666666</p>
	<div class="div_form_style">
	<form method="post" action="login_result.jsp">
		<p id="form_p_style">用户名：<input type="text" name="username" value=""/></p>
		<p id="form_p_style">密&nbsp&nbsp&nbsp码：<input type="password" name="word" value=""/></p>
		<input type="submit" name="login"/>
	</form>
	</div>
	</div>
</body>
</html>

css代码：

@charset "UTF-8";
.main_div{
	border:15px solid green;
	margin:0px;
	padding:15px;
	width:96%;
	background:#ffffff;
}
#h1_style{
	text-align:center;
	color:red;
}
.div_form_style{
	width:40%;
	margin-left:460px;
	padding:15px;
	border:10px solid red;
	background:#04f4fb;
	left:50%;
}
#form_p_style{
	text-algin:center;
}

五、如何在JSP页面中使用JavaScript代码

在JSP中写JavaScript有两种办法

（1）直接在<script>标签里面写代码

如下例：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script type="text/javascript">
	alert("这是一个JavaScript测试");
	document.write("<h1>用JavaScript直接写入HTML输出流</h1>")
	</script>
</body>
</html>

（2）写在js文件中，然后在页面中通过<script>标签的src属性引入

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script type="text/javascript" src="javasrcipt.js">
	</script>
</body>
</html>

/**
 * 
 */
	alert("这是一个JavaScript测试,在js文件中");
	document.write("<h1>用JavaScript直接写入HTML输出流</h1>")

这次分享就到这里，下次见各位。

JJ写代码

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JSP的初步学习(2)

一、在JSP页中，向用户显示结果时，如何实现换行操作<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></hea
复制链接

扫一扫

专栏目录