第6章 脚本编程 讲述脚本的概念、JavaScript的基本语法、在页面上创建JavaScript的方法,重 点介绍了JavaScript内置对象和浏览器对象在Web页上的应用
6.1 脚本概述 脚本语言是在另一个环境(如HTML)中运行的语言,用脚本编写的代码必须通过适当的解释器执行。 嵌入式,具有解释执行的特征 脚本程序类型 JavaScript VBScript 客户端脚本 脚本程序 JavaScript VBScript Perl Shell Script PHP 服务器端脚本
6.1.1 VBScript IE3.x以上版本支持,其它需装插件。 JavaScript 简单易学,使用方便,在客户端受主流浏览器支持,通用性好 特点:简单性、基于对象、可移植性、动态性
6.2 JavaScript编程基础 6.2.1 JavaScript程序的编辑和调试 可用任意文本编辑器来编辑JavaScript程序 将JavaScript程序嵌入HTML文件的方法有两种: (1)在HTML中使用<>、</>标签加入JavaScript语句, 格式: <script language = “JavaScript”> (代码语句) </script> (2) 将JavaScript程序以扩展名为.js的文件单独存放,再利用以下格式嵌入 <script src=JavaScript 文件名> 这种方式有利于共享 注:JavaScript对大小写敏感; 在程序中, 换行符是一个完整语句的结束标志;若要将几行语句放在同一行中,则各语句用”;”分隔
JavaScript编程基础 1.数据类型 2.常量和变量 十进制 八进制 十六进制 数值型 逻辑型: 真和假 字符型: 双引或单引号括起 常量: 直接引用 命名变量的规则: 1.由字母开头,字母数字下划线组成 2.长度不超一行,不用保留字 3.区分大小写 变量: 声明或赋值
3.运算符和表达式 赋值运算符: =,+=,-=,*=,/=,%/ 算术运算符:+, -, *, /, %, ++, --, - 运算符 字符运算符: + 逻辑运算符: &&与运算, ‖或运算, !运算. 关系运算符: ==, !=, <, >, <=, >= 算术表达式: 值为数值型 运算符和表达式 表达式 字符串表达式: 值为字符串 逻辑表达式: 值为逻辑值 条件表达式: (condition)?val1:val2
4. 流程控制 if语句 条件转移语句 switch语句 流程控制 for语句 循环语句 while 语句 break和continue语句
5.函数 语法格式: function function_name (parameters) { function_block; return exp; } 函数的调用: 直接在需要的位置输入函数的名称和需要的参数即可 见P134 建议: 在HTML文件的头部定义所有函数 变量的作用域: 函数外定义是全局,函数内定义是局部
6.事件触发和处理 事件驱动——由鼠标或热键引发的一连串的动作 事件处理程序——对事件进行处理的程序或函数 见P135 表6-3 例6-4
6.3 对象 6.3.1 对象概述 内置对象 自定义对象 对象 由浏览器根据页面内容自动提供的对象 属性(property): 对象的数据 服务器上固有的对象 对象 对象处理语句:this, for….in, with, new 方法(method):对数据的操作
6.3.2常用的JavaScript内置对象 string对象 Math对象 Date对象 Array对象 祥见P137
6.3.3 JavaScript 的常用函数 eval()函数 parseInt()函数 parseFloat()函数 见P141
6.3.4 JavaScript的浏览器对象 Navigator, window, document, location, history, form, button, password, chenckbox 等 层次结构 window history document location … form text … checkbox password button
小结 介绍了脚本语言JavaScript的应用