web程序设计实验Word文档下载推荐.docx
- 文档编号:15186304
- 上传时间:2022-10-28
- 格式:DOCX
- 页数:32
- 大小:1.74MB
web程序设计实验Word文档下载推荐.docx
《web程序设计实验Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《web程序设计实验Word文档下载推荐.docx(32页珍藏版)》请在冰豆网上搜索。
HTML>
<
HEAD>
<
TITLE>
Example<
/TITLE>
/HEAD>
BODYBGCOLOR="
#00DDFF"
>
H1>
B>
I>
FONTCOLOR="
#FF00FF"
<
MARQUEEBGCOLOR="
#FFFF00"
DIRECTION=LEFTBEHAVIOR=ALTERMATE>
welcometoyou!
/MARQUEE>
/FONT>
/I>
/B>
/H1>
HR>
H2ALIGN=CENTER>
#0000FF"
AsimpleHTMLdocument
/H2>
EM>
WelcometotheworldofHTML!
/EM>
P>
ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthe<
markuptags<
workinthe<
HTML<
file
/P>
Followinginthreechapters.
ULTYPE=square>
LI>
Thisisthechapterone!
/LI>
AHREF="
#ITEM"
Thisisthechaptertwo!
/A>
Thisisthechapterthree!
/UL>
ANAME="
ITEM"
Followingisitemofthechaptertwo!
TABLEBODER=2BGCOLOR=GRAYWIDTH="
40%"
TR>
TH>
item<
/TH>
coment<
/TR>
TD>
item1<
/TD>
font<
item2<
table<
item3<
form<
/TABLE>
hr>
1<
2<
3<
4<
5<
6<
7<
FONTCOLOR=BLUESIZE=4>
Endoftheexampledocument<
/BODY>
/HTML>
运行结果:
2.编写一个能输入如图所示界面的HTML文件。
程序代码:
表单范例<
BODYbackground="
E:
\THREE\JSP\实验\实验一\4.jpg"
H1ALIGN=CENTER>
请留下个人资料<
HRSIZE=5WIDTH=240COLOR=MAROON>
FORM>
P>
&
nbsp;
姓名:
INPUTTYPE="
TEXT"
NAME="
姓名"
BR>
E-mail:
邮箱"
SIZE=60>
电话:
电话"
性别:
RADIO"
性别"
CHECKED>
女&
男<
年龄:
SELECT>
optionvalue=20selected>
20岁以下
optionvalue=30>
20岁-30岁
optionvalue=40>
30岁-40岁
optionvalue=50>
40岁-50岁
optionvalue=60>
50岁-60岁
/SELECT>
留言版:
br>
TEXTAREANAME="
留言板"
ROWS=8COLS=66>
/TEXTAREA>
&
CHECKBOX"
爱好"
运动<
您的爱好:
阅读<
听音乐<
旅游<
PALIGN=CENTER>
INPUTTYPE=SUBMITVALUE=提交>
INPUTTYPE=SUBMITVALUE=全部重写>
/FORM>
一、实验目的
1.掌握JavaScript技术,基本掌握JavaScript的开发技巧;
2.利用文本编辑器建立JavaScript脚本语言进行简单编程。
二、实验要求:
1.根据以下实验内容书写实验准备报告。
2.独立完成实验。
三、实验内容
1.显示一个动态的时钟
在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。
html>
head>
scriptlanguage="
javascript"
vartimer=null
functionstop(){clearTimeout(timer)}
functionstart()
{
vartime=newDate()
varhours=time.getHours()
varminutes=time.getMinutes()
varseconds=time.getSeconds()
minutes=((minutes<
10)?
"
0"
:
)+minutes
seconds=((seconds<
)+seconds
varclock=hours+"
+minutes+"
+seconds
document.forms[0].display.value=clock
timer=setTimeout("
start()"
1000)
}
/script>
/head>
bodyonLoad="
onUnload="
stop()"
form>
现在是北京时间:
inputtype=type="
text"
name="
display"
size=20>
/form>
/body>
/html>
2.事件驱动和事件处理
functionmyfunction(){alert("
HELLO!
)}
body>
inputtype="
button"
onClick="
myfunction()"
value="
Callfunction"
p>
Bypressingthebutton,afunctionwillbecalled.Thefunctionwillalertamessage.<
/p>
3.JavaScript表单校验
编写程序register.html,做一个如下图所示的用户注册界面,要求对用户填写的部分进行合法性检验。
用户登录<
SCRIPTlanguage="
functionmyfunction()
{
if(document.forms[0].username.value=="
)
alert("
用户名不能为空,请输入用户名!
);
form1.username.focus();
returnfalse;
if(form1.userpassword.value=="
用户密码不能为空,请输入密码!
form1.userpassword.focus();
elsedocument.write("
您好,"
+document.forms[0].username.value+"
!
欢迎登录!
}
/SCRIPT>
BODY>
用户登录:
FORMNAME="
form1"
onsubmit="
returnmyfunction()"
请输入用户名:
username"
请输入密码:
PASSWORD"
userpassword"
submit"
VALUE="
提交"
RESET"
全部重写"
1.掌握JSP的Request与Response隐式对象的用法,基本掌握JSP的开发技巧
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- web 程序设计 实验