- 1、本文档共18页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
web WEB JSP实验报告书
实验1 网页程序设计-JavaScript
一、实验目的
1. 掌握JavaScript技术,基本掌握JavaScript的开发技巧;
2. 利用文本编辑器建立JavaScript脚本语言进行简单编程。
二、实验要求:
1. 根据以下实验内容书写实验准备报告。
2. 独立完成实验。
三、实验内容
1.显示一个动态的时钟
在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。源程序清单如下:
html
head
script language=javascript
var timer=null
function stop()
{
clearTimeout(timer)
}
function start(){
var time=new Date()
var hours=time.getHours()
var minutes=time.getMinutes()
minutes=((minutes10)?0:)+minutes
var seconds=time.getSeconds()
seconds=((seconds10)?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=textname=displaysize=20
/form
/body
/html
运行结果:
2.事件驱动和事件处理
在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。源程序清单如下:
html
head
script language=javascript
function myfunction(){
alert(HELLO)
}
/script
/head
body
form
input type=buttononClick=myfunction()value=Call function
/form
pBy pressing the button,a function will be called.The function will alert a message./p
/body /html
运行结果:
3. JavaScript表单校验
编写程序register.html,做一个如下图所示的用户注册界面,要求对用户填写的部分进行合法性检验。源程序清单如下:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
%@page contentType=text/html pageEncoding=gb2312%
html
head
meta http-equiv=Content-Type content=text/html; charset=gb2312
title用户登录/title
script language= javascript
function on_sumbit()
{ if (form1.username.value==)
{ alert(用户名不能为空 请输入用户名!);
form1.username.focus();
return false;
}
if (form1.userpassword.value==)
{ alert(用户密码不能为空 请输入密码!);
form1.username.focus();
return false;
}
if(form1.userpassword.value!=form1.username.value!=)
{ alert(欢迎);
}
}
/script
/head
body
form method=POST name=form1onsubmit=return on_submit()用户登录:br
请输入用户名:input type=text name=username size=20br请输入密码nbsp :input type=password
文档评论(0)