目录
一、在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">密 码:<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>")
这次分享就到这里,下次见各位。