实验五HTML 文档JAVASCRIPT对象程序设计.doc
上传人:sy****28 上传时间:2024-09-12 格式:DOC 页数:3 大小:76KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

实验五HTML 文档JAVASCRIPT对象程序设计.doc

实验五HTML文档JAVASCRIPT对象程序设计.doc

预览

在线预览结束,喜欢就下载吧,查找使用更方便

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

实验五HTML文档JavaScript对象程序设计1.实验目的:学习编在HTML页面嵌入、设计JavaScript对象程序的方法2.实验方法:应用HTML语言和JavaScript语言设计页面并运行3.实验仪器:1台计算机或2台连网的计算机4.实验操作方法:(1)应用Date对象,完成一个简单页面,其中XX月XX日是当天的月、日。今天是2007年XX月XX日(2)设计页面,在文本输入框中分别输入A、B数值,应用Math对象方法完成以下计算,在文本输入框C输出计算结果:A:B:C:计算单击:回答问题:(1)列出2个运行结果的屏幕截图。(2)说明HTML页面JavaScript程序中,Date对象定义与使用方法和特点。(3)用程序语句说明表单(Form)上文本框中数据读出和写入方法。(4)用程序语句说明如何在JavaScript自定义函数中应用Math对象方法完成计算。程序如下:<html><head><title>这是一个日历</title></head><body>今天的日期是:<scriptlanguage=JavaScript>vard=newDate()varx,yer,mon,dayday=d.getDate()mon=d.getMonth()+1yer=d.getYear()x=yer+"年"+mon+"月"+day+"日"document.write(x)</script></body></html><html><head><title>这是一个表单学习程序</title><scriptlanguage=javascript>functioncalcu(x,y){vara1=form1.a.valuevarb1=form1.b.valueform1.c.value=Math.sqrt(a1*a1+b1*b1)}</script></head><body><formname="form1"><p>A:<inputtype=textname="a"><p>B:<inputtype=textname="b"><p>C:<inputtype=textname="c"><p>单击:<inputtype=buttonvalue="计算"onclick=calcu(form1.a.value,form1.b.value)></form></body></html>(2)常用方法:对象.方法名特点:日期对象Date用于处理日期和时间,使用时先用new创建一个Date对象实例,例如:vard=newDate()(3)读出方法:b=form1.a.value写入方法:<inputtype=textsize=10name="user"value=”XX”>(4)Math.方法(函数表达式)