?<I〉??〈FONTCOLOR="#FF00FF"〉?<" />
一、实验目得
1.掌握常用得HTML语言标记;
2.利用文本编辑器建立HTML文档,制作简单网页.
二、实验要求
1.独立完成实验。
2.书写实验报告书。
三、实验内容
1.在文本编辑器“记事本”中输入如下得HTML代码程序,以文件名sy1、html保存,
并在浏览器中运行。
源程序清单如下:
〈HTML>
?<HEAD>
??
〈BODY BGCOLOR="#00DDFF”>
??〈H1>
?<I〉
??〈FONT COLOR="#FF00FF"〉
?<MARQUEE BGCOLOR="#FFFF00” DIRECTION=LEFT BEHAVIOR=ALTERMATE>wele to you!
?
??</FONT〉
〈/I>
?</B〉
??H1〉
?
??〈H2 ALIGN=CENTER>
?<FONT COLOR="#0000FF”>Asimple HTML document
?〈/FONT〉
??</H2>
?〈EM〉Weleto the world of HTML!</EM>
?
markup tags〈/B> work in t he <I>HTML〈/I> file
??</P>
??
Following in threechapters、
<UL TYPE=square>
<LI>This is thechapter one!〈/LI>
?<LI>〈A HREF="#ITEM">This is the chapter two!</A〉</LI〉
?<LI>This isthe chapter three!</LI>
? </UL〉
??〈/P>
?<HR〉
?
?〈A NAME="ITEM”>Following is item of the chaptertwo!
?
?P〉
?
<TD>table〈/TD〉 ?〈/TR> 〈TR> ?? | ?? | ?</TR〉 ? |
??〈hr>
〈P>
1
2
4<P> 5〈P〉 6〈P> 7
?〈B>〈I〉〈FONT COLOR=BLUE SIZE=4〉Endof the example documentI〉〈/B〉
</P〉
〈/BODY〉
运行结果:
2、编写一个能输入如图所示界面得HTML文件.
程序代码:
<HTML>
〈HEAD〉
?<TITLE>表单范例</TITLE>
?<BODY background="E:\THREE\JSP\实验\实验一\4、jpg"〉
?
<FORM>
?〈P >&nbsp;&nbsp;姓名:<INPUT TYPE="TEXT" NAME="姓名”><BR></P>
?<P >E-mail:<INPUT TYPE="TEXT” NAME=”邮箱" SIZE=60〉〈BR></P> ?
</P>
?
&nbsp; ;性别:&nbsp;&nbsp;〈INPUT TYPE="RADIO" NAME="性别"CHECKED〉女&nbsp;&nbsp;〈INPUT TYPE=”RADIO” NAME=”性别">男〈/P>
?〈P >&nbsp;&nbsp;年龄:
?〈SELECT>
?〈option value=20 selected〉20岁以下
?〈option value=40>30岁—40岁
?〈option value=50〉40岁-50岁
<optionvalue=60〉50岁-60岁?
? SELECT>
〈/P>
?
〈/P>
?
?&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; ;&nbsp;&nbsp;&n bsp;〈INPUTTYPE=”CHECKBOX" NAME="爱好">运动〈BR〉
您得爱好:〈INPUT TYPE="CHECKBOX” NAME="爱好”>阅读<BR> ?&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;〈INPUT TYPE="CHECKBOX" NAME="爱好”〉听音乐<BR>
??&nbsp;&nbsp; ;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;〈I NPUT TYPE=”CHECKBOX”NAME=”爱好">旅游〈BR〉〈/P〉
?
?〈INPUT TYPE=SUBMITVALUE=全部重写>
〈/P〉
?</FORM>
</HTML>
运行结果:
一、实验目得
1、掌握JavaScript技术,基本掌握JavaScript得开发技巧;
2、利用文本编辑器建立JavaScript脚本语言进行简单编程.
二、实验要求:
1、根据以下实验内容书写实验准备报告。
2、独立完成实验.
三、实验内容
1、显示一个动态得时钟
在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句得作用。源程序清单如下:
<html〉
?<head>
〈script language="javascript"〉
?var timer=null
?function stop(){ clearTimeout(timer)}
?function start()
{
vartime=new Date()
? var hours=time、getHours()
?? var minutes=time、getMinutes()
? var seconds=time、getSeconds()
? minutes=((minutes〈10)?"0":"")+minutes
?? seconds=((seconds<10)?"0":"")+seconds
var clock=hours+”:"+minutes+":"+seconds
document、forms[0]、display、value=clock
? timer=setTimeout("start()”,1000)
}
? script>
?〈/head〉
?〈body onLoad="start()” onUnload="stop()”>
?〈form〉
??现在就是北京时间:〈input type=type="text” name="display"size=20〉
</body>
〈/html>
运行结果:
2、事件驱动与事件处理
在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句得作用。源程序清单如下:
〈head>
<script language="javascript">
function myfunction(){alert (”HELLO!”)}
</script〉
〈/head>
<body>
? 〈/form> 〈p>By pressingthebutton,a function will be called、The function will alert a message、〈/p> </html> 运行结果: 3、JavaScript表单校验 编写程序register、html,做一个如下图所示得用户注册界面,要求对用户填写得部分进行合法性检验。源程序清单如下: 〈HTML> 〈TITLE>用户登录TITLE> <SCRIPT language=”javascript"> function myfunction() ?{ if(document、forms[0]、username、value=="”) ?{ alert(”用户名不能为空,请输入用户名!”); ?form1、username、focus(); ???return false; ?} ? if(form1、userpassword、value == ”") ?{ ??alert("用户密码不能为空,请输入密码!"); ??form1、userpassword、focus(); return false; ??} else document、write(”您好,”+document、forms[0]、username、value+”!,欢迎登录!"); } 〈/SCRIPT> </HEAD> 〈BODY> 用户登录: <FORM NAME="form1" onsubmit="return myfunction()”〉 请输入用户名:<INPUT TYPE=”TEXT" NAME="username">〈P〉〈/P> 请输入密码:&nbsp;&nbsp;〈INPUTTYPE="PASSWORD” NAME="userpas sword”>〈P></P〉 <INPUT TYPE=”submit" VALUE="提交">&nbsp;&nbsp;〈INPUT TYPE="RESET” VALUE=”全部重写"〉 〈/FORM> </BODY> HTML〉 运行结果: 一、实验目得 1、掌握JSP得Request与Response隐式对象得用法,基本掌握JSP得开发技巧. 2、在JDK与Eclipse环境下,完成下列实验。 二、实验要求 1、独立完成实验。 2、书写实验报告书。 三、实验内容 编写程序实现一个单选小测试。在test、jsp页面显示问题,并将答案提交至answer、jsp进行判断,如果回答正确,则将页面转至yes、jsp;否则,转至no、jsp。 程序代码: Test、jsp 〈% page language=”java"import=”java、util、*” pageEncoding="utf-8"%〉 〈body background=”D:\MyEclipseXX\SSS\WebRoot\1、jpg”> <h2>北京奥运会开幕日期就是: <br>〈br> ? ?〈input type=radio name="date" checked value=”6">8月6日 8月8日 ?〈input type=radio name="date" value="9"> 8月9日 ? ?〈/h2〉 〈inputtype=submit value=提交答案〉 ?〈/form> body> 〈/html> answer、jsp 〈%page language=”java” import=”java、util、*” pageEncoding="utf-8”%> <html〉 <bodybackground="D:\MyEclipseXX\SSS\WebRoot\1、jpg"> <% ?String mydate; ?mydate=request、getParameter("date"); if(mydate、equals("8”)) response、sendRedirect("yes、jsp”); else response、sendRedirect("no、jsp"); %> </body〉 html> yes、jsp〈% page language=”java” import=”java、util、*"pageEnco ding="utf-8"%> 〈br〉〈br>〈br〉 <h1>恭喜您答对了!〈/h1> </body> no、jsp 〈% page language=”java" import="java、util、*" pageEncoding="utf—8”%>
〈/body〉
〈/html>
运行结果:
一、实验目得
1、掌握JSP得Application对象Session对象得用法,基本掌握JSP得开发技巧。
2、在JDK与Eclipse环境下,完成下列实验。
二、实验要求:
1、独立完成实验 ; 2、书写实验报告书
三、实验内容:
1、请仔细阅读下列程序语句,理解每条语句得作用。源程序清单如下:
<%page language="java"import=”java、util、*"pageEncoding=”UTF—8"%>
<html>
〈head>〈title>网页计数器〈/title〉
〈body>
<%
??if(application、getAttribute(”counter”)==null)
?application、setAttribute("counter",”1");
?else
???{
?String strnum =null;
?strnum=application、getAttribute("counter”)、toString();
?int icount=0;
???icount=Integer、valueOf(strnum)、intValue();
?icount++;
????application、setAttribute("counter",Integer、toString(icount)); ??}
%>
您就是第<%=application、getAttribute(”counter”)%>为访问者!
</body〉