网页设计与制作教程 第10章 网页制作脚本语言

网页设计与制作教程 第 1章 网页设计与制作基础 第 10章 网页制作脚本语言 第 1页 本章概述 本章的学习目标 主要内容 网页设计与制作教程 第 1章 网页设计与制作基础 本章概述 在网页设计领域，特效发挥着非常重要的作用。使用网页特效，可以使网页具备更强的交互性、欣赏性，也可使网页更加智能化。在编写各种特效时，最流行的脚本语言就是 章主要介绍 第 2页 网页设计与制作教程 第 1章 网页设计与制作基础 本章的学习目标 了解 掌握 了解 了解 第 3页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 本语言概述 数和事件 象 用 章小结 第 4页 网页设计与制作教程 第 1章 网页设计与制作基础 脚本语言概述 在互联网中，很多网站都是通过脚本语言编写行为，控制网页中的对象，实现动态的效果，这些动态效果可以使网页更加丰富多彩。在制作动态效果时，可使用两种语言：一种是 一种则是 这两种脚本语言中， 第 5页 网页设计与制作教程 第 1章 网页设计与制作基础 向对象编程的脚本语言，是互联网中最流行且应用最广泛的脚本语言。 免费发布。语言。 使用者无需了解太多的编程理论和编译方法，即可将代码嵌入到网页中。 第 6页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 本语言概述 数和事件 象 用 章小结 第 7页 网页设计与制作教程 第 1章 网页设计与制作基础 且具有较强安全性的脚本语言。它使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、可交互式的表达能力。 第 8页 网页设计与制作教程 第 1章 网页设计与制作基础 语法 现在 嵌入式 导入式 变量是程序中数据的临时存放场所。使用变量之前首先进行声明，在 第 9页 网页设计与制作教程 第 1章 网页设计与制作基础 语法 种数据类型。 也就是数值数据类型，包括整型和浮点型。 在 的数值只有两个值：真有表示；假用 表示。 未给该变量赋值。 就是说该变量没有保存有效的数值、字符串、 第 10页 网页设计与制作教程 第 1章 网页设计与制作基础 运算符 括算术运算符、逻辑运算符、位运算符、赋值运算符、比较运算符、字符串运算符和特殊运算符。 第 11页 网页设计与制作教程 第 1章 网页设计与制作基础 控制和循环语句 与多数高级编程语言类似， 样能使整个程序减少混乱，增加程序功能。 选择结构 选择结构通常用来指明程序代码的多个运行顺序或方向，并为这些顺序或方向创建一个交叉点。 单一选择结构 双路选择结构 内联三元运算符 多路选择结构 第 12页 网页设计与制作教程 第 1章 网页设计与制作基础 控制和循环语句 循环结构 在 可以使用循环结构。循环结构的特点是根据一定的条件多次执行，直到满足一定的条件后停止。例如，打印输出九九乘法表的程序，就需要使用这种结构。 由计数器控制的循环 对对象的每个属性都进行操作 在循环开头测试表达式 在循环末尾测试表达式 第 13页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 本语言概述 数和事件 象 用 章小结 第 14页 网页设计与制作教程 第 1章 网页设计与制作基础 函数和事件 修改 15页 网页设计与制作教程 第 1章 网页设计与制作基础 通常在进行一个复杂的程序设计时，总是将所要完成的复杂功能划分为一些相对独立的部分，每个部分编写一个函数，使它们充分独立、任务单一、程序清晰、易懂易读易维护。然后根据需要来组合这些函数完成最终的功能。函数的定义形式如下： 第 16页 网页设计与制作教程 第 1章 网页设计与制作基础 一个完整的事件过程包括事件源、监听以及对事件的处理等 3个部分。 事件源和监听 在 件源通常是指用户对网页文档进行的各种操作。事件源的监听者通常就是指网页浏览器。 事件的处理 事件通常会与函数结合使用。通过事件的监听属性，可以在事件发生执行指定的函数，实现对事件的处理。 消息框 种消息框，即警告框、确认框和提示框。 第 17页 网页设计与制作教程 第 1章 网页设计与制作基础 修改 例 10如图所示，单击文字 面的盒子宽度就会变大。该实例综合了函数、事件、对括了现在实际网页中主流效果所需要的技术要素。 第 18页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 本语言概述 数和事件 象 用 章小结 第 19页 网页设计与制作教程 第 1章 网页设计与制作基础 对象 过基于对象的程序设计，可以用更直观、模块化和可重复使用的方法进行程序开发。 有程序只要使用字符串数据，就需要 来描述当前窗口或指定窗口对象的文档，它包含文档从 到 之间的内容。 第 20页 网页设计与制作教程 第 1章 网页设计与制作基础 对象 是一个对象的集合，而且里边的对象可以为不同类型。 以用来表示任意的日期和时间，获取当前系统日期以及计算两个日期的间隔。 供对数据的数学计算。 第 21页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 本语言概述 数和事件 象 用 章小结 第 22页 网页设计与制作教程 第 1章 网页设计与制作基础 应用 编写 使用“代码片段”面板 表单校验 第 23页 网页设计与制作教程 第 1章 网页设计与制作基础 编写 本节通过编写一个简单 网页中，这种效果用于广告会非常醒目。 第 24页 网页设计与制作教程 第 1章 网页设计与制作基础 使用“代码片段”面板 插入脚本标记 插入消息框的 调用 第 25页 网页设计与制作教程 第 1章 网页设计与制作基础 表单校验 表单的校验首先要通过客户端的 根据响应规则进行检查。 例 10表单校验。运行效果如图所示。 第 26页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 本语言概述 数和事件