一、最终效果实现
编写两个jsp页面,通过点击页面上方蓝字进行跳转。
二、代码编写
(一)、jsp页面的编写
页面一:
<%@ page contentType="text/html"%>
<%@ page pageEncoding="utf-8"%>
<%@ page info="清华大学图像qinghua1.jpg"%>
<%@ include file="mylife/ok.txt"%>
<% String s=getServletInfo();
String str[]=s.split("图像");
%>
<html><center>
<body background="image/<%=str[1]%>">
<p style="font-family:宋体;font-size:36;color:bule">
<br><%= str[0]%>出版社是中国著名出版社
<br><%= str[0]%>是全国著名高等学府
</p></body></center></html>
页面二:
<%@ page contentType="text/html"%>
<%@ page pageEncoding="utf-8"%>
<%@ page info="北京大学图像beijing.jpg"%>
<%@ include file="mylife/ok.txt"%>
<% String s=getServletInfo();
String str[]=s.split("图像");
%>
<html><center>
<body background="image/<%=str[1]%>">
<p style="font-family:宋体;font-size:36;color:bule">
<br><%= str[0]%>出版社是中国著名出版社
<br><%= str[0]%>是全国著名高等学府
</p></body></center></html>
代码解析:
1.page:jsp指令标记,格式:
<%@ page 属性="属性值"%>
2.contentType:page属性,即设置用户浏览器以怎样的方式来处理接受到的信息。contentType="text/html"可解释为我们希望用户浏览器启用HTML解析器来解析执行所接收到的信息,也就是网页形式。
text/html是contentType的默认属性值。
3.pageEncoding:page属性,即定义jsp页面使用的编码,告诉tomcat服务器的解析器用怎样的编码来解析jsp页面中的字符,utf-8为pageEncoding的默认属性值。
4.info: page属性,为jsp页面设置一个常用但可能经常修改的字符串。
5.<% String s=getServletInfo();
String str[]=s.split("图像");%>是jsp程序片,也是jsp程序开始执行的地方。split函数与info属性搭配使用,将info中的字符串进行分割,方便字符串的使用。
(二)、txt文件的编写
txt页面要放在与jsp页面同级别的文件夹中
<%@ page contentType="text/html"%>
<%@ page pageEncoding="utf-8"%>
<center>
<A href="example1_4.jsp">清华大学</A>
<A href="example1_4(b).jsp">北京大学</A>
要注意该文件page指令中pageEncording的使用,如果不加,最终页面显示蓝字会变乱码。
三 、总结
知识体系不难,但初学者容易被一些小细节绊倒,比如图片文件的放置,对于嵌入文件的运行,还有蓝字乱码问题。希望各位越学越好,越学越有。