网页制作第八章_第1页
网页制作第八章_第2页
网页制作第八章_第3页
网页制作第八章_第4页
网页制作第八章_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第八章 JavaScript应用基础教学目标掌握JavaScript的基本数据结构、程序结构、函数及对象的使用方法熟悉脚本编写格式，学会如何引入JavaScript程序学会使用内置对象了解自定义对象的创建及使用了解浏览器对象系统，掌握主要对象的基本属性、事件和方法的使用学会以对象的形式访问窗口及文档元素掌握使用表单及表单域的属性、方法和事件，创建交互式表单的方法改造首页对首页的改造目标为：在首页中显示实时时间；根据不同的时间，显示不同的欢迎信息；在网页中显示浏览者停留在该网页的时间。显示实时时间用Dreamweaver打开首页（index.htm）；在“进入”与“版权所有：沈阳电缆厂石家庄销售处”之间，插入一行；在新建行中插入一个表单的文本字段，并取名为“time”；进入代码视图，复制下列代码内容到代码视图的</head>标签前：显示实时时间<scriptLanguage="JavaScript"><!--var

hour,min,secfunctionshowclock(){ now=newDate() hour=now.getHours()

if(hour<=9)hour="0"+hour min=now.getMinutes()

if(min<=9)min="0"+min sec=now.getSeconds()

if(sec<=9)sec="0"+sec document.form1.time.value="现在时间是"+hour+":"+min+":"+sec setTimeout("showclock()",1000)}//--></script>显示实时时间在<body>标签中，加入onload="showclock()"；保存并在IE中预览

把上述代码稍微修改一下，显示时间的时候还可以加上“上午”和“下午”。var

ampm="上午"if(hour>=12){ hour=hour-12

ampm="下午" }

if(hour<=9)hour="0"+hour min=now.getMinutes()

if(min<=9)min="0"+min sec=now.getSeconds()

if(sec<=9)sec="0"+sec document.form1.time.value="现在时间是"+ampm+hour+":"+min+":"+sec setTimeout("showclock()",1000)显示不同的欢迎信息用Dreamweaver打开首页（index.htm）；在“进入”与“版权所有：沈阳电缆厂石家庄销售处”之间，插入一行并设定颜色为黄色（便于演示）；单击新建行并进入代码视图，复制下列代码内容到代码视图的新建行中：显示不同的欢迎信息<scriptLanguage="Javascript"><!--day=newDate()hr=day.getHours()hr1=hr-12if(hr<6)document.write("夜深了！还在工作吗？现在是凌晨"+hr+"点")elseif(hr<12)document.write("早安！！现在是上午"+hr+"点")elseif(hr<13)document.write("该去吃午餐了！现在是中午"+hr+"点")elseif(hr<17)document.write("午安！！现在是下午"+hr1+"点")elseif(hr<21)document.write("吃过晚饭了吗？现在是晚上"+hr1+"点")elseif(hr>=21)document.write("时间不早了，该上床睡觉了！现在是晚上"+hr1+"点")//--></script>显示浏览者停留在该网页的时间用Dreamweaver打开首页（index.htm）；在“进入”与“版权所有：沈阳电缆厂石家庄销售处”之间，插入一行；在新建行中插入一个表单的文本字段，并取名为“time”；进入代码视图，复制下列代码内容到代码视图的</head>标签前：显示浏览者停留在该网页的时间<scriptLanguage=javascript><!--varhour=0varminute=0varsecond=0functionstaytime(){ second+=1 if(second==60){ minute+=1 second=0 } if(minute==60){ hour+=1 minute=0 } document.fo

人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论