第19章JavaScript语法基础.ppt

第19章 JavaScript语法 19.1 简介 19.2 常量 19.3 变量 19.4 表达式和运算符 19.5 语句 19.6 数组 19.7 函数 19.8 自定义类/对象 19.9 预定义函数 19.10 事件处理过程 19.11 预定义对象 19.1 JavaScript简介 Script语言：脚本语言，是完整的程序设计语言。有两个特点： 嵌入式： JavaScript、 VBScript必须嵌入HTML代码之中，不能单独执行。 解释执行： JavaScript、 VBScript不需要编译，由IE解释执行。 客户端Script语言：JavaScript、VBScript 服务器端Script语言： JSP、ASP.NET、ASP、 Perl、Shell Script、PHP等 19.1 JavaScript简介 JavaScript作用：JavaScript可以用于客户端数据处理，与VBScript功能类似，但语法不同。 编写JavaScript：使用记事本，书写HTML和JavaScript代码。 注释标记：JavaScript代码被嵌入在注释标记!-- … --中 注释目的：避免不能识别SCRIPT标记的浏览器将代码显示在页面中。 19.1 JavaScript简介 JavaScript代码位置：SCRIPT/SCRIPT之间 SCRIPT标记位置：在HTML页面的任何地方，即BODY或HEAD部分之中。 19.1 JavaScript简介 JavaScript代码单独存放：文件扩展名.js，在HTML文件中使用方法如下 script src=JavaScript文件名 19.1 JavaScript简介 信息框函数：Alert (“信息” ); 功能：信息对话框。 按钮：只有一个确定按钮， 图标：只有! 标题：“Microsoft Internet Explorer” 信息：对话框中显示字符串，用户可以更改。 返回值：无 例子： Alert(“警告”) 19.1 JavaScript简介 代码例1：SCRIPT 在BODY中。 HTMLBODY SCRIPT LANGUAGE=JavaScript !- - alert(Hello); - - /SCRIPT /BODY/HTML 19.1 JavaScript简介 代码例2： SCRIPT 在HEAD中。 HTMLHEAD SCRIPT LANGUAGE=JavaScript !-- function a(){ alert(按钮单击事件); } -- /SCRIPT/HEADBODY INPUT type=button OnClick=a() value=OK/BODY/HTML 19.2 常量 整型：如85 实型：如3.1415； 逻辑（布尔）：如 true 和 false； 字符串：如Hello； null：空值，是 JavaScript 的保留值。因为大小写敏感性，它不等于 Null 或 NULL； undefined：未定义的，也是保留值。 19.3 变量 变量定义： 先声明后使用， 不声明直接使用。 变量的类型由值决定。 var x , y; x=50; y=“abc”; x=“aaa”; z=51; 19.3 变量 变量名：大小写敏感，以字母或下划线开始。 全局变量：在一个函数（function）之外定义的变量，用于当前文档的所有函数。 局部变量：在 function 内部定义的变量，只作用于本函数内。 19.4 表达式和运算符 表达式：是由直接量、变量或运算符所组成，并生成一个单一值 数学表达式：计算值为数字，如 8.45 字符串表达式：计算值为一个字符串，如 computer 逻辑表达式：计算值为 true 或 false 运算符：如下页 JavaScript程序构成 JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。 19.6 函数 实例2： 控件作为引用参数 交换两文本框的内容 HTMLHEAD SCRIPT LANGUAGE=JavaScript function swap(x, y){ t=x.value; x.value=y.value;y.value=t; } /SCRIPT/HEAD BODYH3交换x和y/H3HR X:INPUT TYPE=Text NAME=Text1 Y:INPUT TYPE=Text NAME=Text2 INPUT TYPE=Button NAME=Button1 o