第7章 建立动态网站 (课件).pptVIP

第七章 建立动态网站 一、JavaScript概述 JavaScript是一种面向对象、跨平台、结构化、多用途的语言，可以根据不同的要求、不同的平台，设计出各种类型的解决方案。 1、JavaScript的时间效果 时间的获取、显示和应用是JavaScript技术最基本也是最重要的应用方向之一，下面介绍怎样使用Date()方法来创建一个时间对象，进而完成时间的获取、显示和应用。 第七章 建立动态网站 如： script language=JavaScript !-- var thisdate=new Date(); var thishour=thisdate.getHours(); document.write(现在是,thishour,点！p); thishour=thisdate.getYear(); document.write(“今年是”, thishour,“年！ p); -- /script 示例：动态显示倒计时时间（P196） 第七章 建立动态网站 2、控制状态栏的显示 通常情况下，状态栏的默认信息在页面载入过程中是关于链接的情况的，比如链接到哪一个IP地址上去，当前链接的进度等等；在页面载入以后是关于链接的信息，要链接的文档的网址等等。 如： script language=JavaScript !-- window.status=网页状态栏测试; -- /script 示例：状态栏里的跑马灯效果（P199） 第七章 建立动态网站 3、JavaScript的窗口操作 对于JavaScript来说，window对象无疑是最重要的。Window对象的重要性是由它在JavaScript的对象树中的地位决定的，它是客户端最高层次的对象。 如： a href=# onClick=window.moveBy(20,0) 右移/a 示例：振动窗口（P201） 4、JavaScript的图像操作 图像的相关参数 Src、width、height document.write(img src=,this.src= man.gif , alt=,this.alt=你好！, p); 示例：随机产生图片（P202） 第七章 建立动态网站 二、创建交互式表单 1.插入空白表单 ●所有的表单对象只能存在于表单范围内才能被有效利用。 2.使用文本输入域 ①添加单行域 ②添加口令域 ③添加多行文本框 第七章 建立动态网站 3.使用单选框和复选框 ①在表单中加入单选框 ●在同一组中的所有单选框必须具有相同的名称 ②在表单中加入复选框 4.使用菜单/列表框 ①制作下拉菜单 ②制作列表菜单 ③制作跳转菜单列表框 5.使用按钮 ①提交、重置和命令按钮 ●三个按钮的作用 第七章 建立动态网站 ⑴Submit（提交）：把包含该按钮的表单的内 容发送到表单参数中参数ACTION指定的地址 ⑵Reset（重置）：把包含该按钮的表单的所有 的表单元素的值还原为表单刚被载入时的元素值 ⑶Generic（通用）：没有内在行为，被用作 JavaScript脚本语言的触发器 ●为表单加上按钮 ②图形按钮 ●用于提交按钮 6.表单的属性 ●默认为get方法，表单值添加给URL发送 ●由于URL=8192个字符，所以不要对长表单使用GET方法 网页设计与制作 第一章 HTML语言基础 2 第二章 初识Dreamweaver 4 第三章 创建与应用表格 3 第四章 使用层和框架布局页面 3 第五章 CSS样式与模板的使用 3 第六章 行为、库和资源管理 3 第七章 建立动态网站 3 第八章 Flash动画基础知识 3 第九章 创建动画 3 第十章 使用Fireworks编辑网页图像 3 *