[工学]ch11 JS.ppt

第11章 JavaScript 教学要求 深入理解JS和DOM对象(属性和方法) 了解JavaScript基本语法 能利用JavaScript编写简单脚本 教学内容 JavaScript概念 JavaScript语言基础 综合实例 Dreamweaver8中JavaScript的操作 认识JavaScript html head script type=text/JavaScript !-- function MM_openBrWindow(theURL,winName,features) { window.open(theURL,winName,features); } //-- /script /head body pimg src=pic/tianshi.jpg width=100 height=76 onclick=MM_openBrWindow(pic/tianshi.jpg,newwin,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=300,height=200) //p /body /html JavaScript实例2 html head title第一个JavaScript小程序/title /head body 这是HTML输出的文字。br Script Language =JavaScript !-- //以下由JavaScript向页面中输出文字. document.write(这是JavaScript输入的文字!br); alert(欢迎进行JavaScript世界!); //-- /Script 这又是HTML输出的文字了。 /body /Html 运行效果 11.1 JavaScript概述 由Netscape公司开发，前身LiveScript； 描述性，可用任何文本编辑工具编辑。 解释性，源代码不需编译，在客户端由浏览器解释执行。 基于对象，自身有众多内建对象，还允许自定义对象。许多功能都来自于这些对象的方法。 简单性，基于Java，但采用弱变量，设计简单紧凑。 事件驱动。 动态性，可直接对客户的输入做出响应，一方面减少了网络间数据的传送，另一方面加快了执行速度。 安全性，不允许访问本地硬盘，不能将数据存入服务器，不允许对网络文档修改和删除，能有效防止数据丢失。 跨平台性，依赖于浏览器本身，与操作环境无关。 11.1.2 JavaScript的调用 将JS程序以文件形式单独存放，扩展名为“.js”； 通过Script language=“JavaScript” src=“？”语句调用 将JS代码嵌入到网页中； 代码在Script language=JavaScript和/Script标记间 将JS代码内嵌到HTML代码中。 input type=“button” onclick=“alert(‘这是按钮测试’)” 11.2 JavaScript语言基础 数据类型 表达式和运算符 程序流程控制 函数 事件 对象 JavaScript系统函数 数组 11.2.1 数据类型 基本数据类型： 数值型 字符串型 布尔型 空值 常量 整型常量 实型常量 布尔常量 字符常量 空值 特殊字符 变量 11.2.1 数据类型 基本数据类型 数值型：可以是整数或实数。 字符串型：指用“”号或‘’括起来的字符或数字。 布尔型：值为True或False的变量或表达式。 空值：没有被赋值或被指定数据类型的变量。 JS采用弱类型定义，一个变量或常量的数据类型可不必先声明，在使用或赋值时自动确定。 11.2.1 数据类型 常量 常量数据在程序运行过程中不能被随意改变。 整型常量：可用10进制、16进制和8进制表示，如10进制的17可用16进制表示为0x11，用8进制表示为021(前面的符号是数字零)。 实型常量：指带有小数的数值，如12.32，可以使用科学记数法，如1.5E7。 布尔常量：它只有两种状态：True或False。 字符常量：使用 号或’ ’括起来的字符或数字，如JavaScript、’123’。 空值：返回“Null”值。 特殊字符：以反斜杠（\）开头的转义或控制字符。 11.2.1 数据类型 变量 　值在程序运行过程中可以发生改变。 变量的声明 JS允许直接使用变量，而无需声明，如： x=100 //定义一个整型数值变量x，值为100 y=1234 //定义一个字符串型变量y，值为1234 z= True //定义一个逻辑型变量z，值为True h=19.5 //定义一个实型数值变