javascript(ppt).ppt

第一讲：JavaScript概述 课程内容安排 •JavaScript背景知识 •简单的脚本语言 •第一个JavaScript程序 •注意事项 JavaScript背景知识 • JavaScript的历史 • Netscape • LiveScript • JavaApplet • JavaScript • 制定标准 • 97年发布了ECMA- 262语言规范 • ECMAScript • JavaScript现况 • JavaScript的未来 简单的脚本语言 • 什么是脚本语言 • 脚本语言是一种应用程序扩展语言，用于系统的扩展，使其按用户的意 愿去运行 • 所有的基础功能由系统提供，脚本语言在更高一层次描述如何调用系统 的接口 • 解释执行 • 脚本语言的分类 • 嵌入式 • 非嵌入式 • JavaScript能做什么 • JavaScript和其它语言的异同 • JavaScript同Java的异同 第一个JavaScript程序 •预备知识 • document对象的write方法将字符串“Hello World”输出 显示在浏览器客户区里 • 使用window对象的alert方法以消息框的形式输出信息 。

• JavaScript程序嵌入HTML文档的常用方法就是将代码放 在“”标签对中 •JavaScript代码在HTML文档中的形式 – 链入 – 嵌入 •参考： 第一个JavaScript程序 01 02 03 04 05 06 07 08// JavaScript程序语句// JavaScript程序语句 09// ……// 更多的JavaScript程序语句 10 11 12 •嵌入方式 – 本书使用的方式 第一个JavaScript程序 • JavaScript编辑器的选择 •记事本 •Visual Studio •Aptana •DreamWeaver •WebStorm •…… • 编写“HelloWorld” • 打开记事本，输入以下代码： •另存为“helloworld.html”,扩展名为“html”或“htm”. •在IE中打开网页文件，运行程序 01 02 03 04document.write("Hello World!");// 输出经典的Helloworld 05 06 07 注意事项 • 浏览器对JavaScript的支持 •在互联网发展的过程中，几大浏览器之间也存在激烈的竞争。

JavaScript 是Netscape公司的技术，其它浏览器并不能和Navigator一样良好的支持 JavaScript，因为得不到使用许可微软公司为能使其IE浏览器能抢占一 定市场份额，于是在IE中实现了称为JScript的脚本语言，其兼容JavaScript ，但是和JavaScript间仍然存在版本差异因此，编程人员在编码时仍然 考虑不同浏览器间的差别 • 检测当前所用的浏览器 01// 程序开始 02 document.write("名称：" + navigator.appName+""); // 浏览器名称 03 document.write("版本号：" + navigator.appVersion+""); // 浏览器版本号 04 document.write("发行代号："+navigator.appCodeName+""); // 浏览器的内部发行代号 05 注意事项 • 大小写敏感 •JavaScript代码是大小写敏感的，Name和name是不同的标识符，编码时 应当予以注意同一个词如果如果各个字母间大小写不同时，系统将当 作不同的标识符来处理，相互之间没有任何联系 • 代码示例 01Name = “sunsir”;// 大写字母开头 02name = “foxsir”;// 汪写字母开头 注意事项 • 空格与换行 •代码中多余的空格会被忽略，同一个标识符的所有字母必须连续。

•一行代码可以分成多行书写 • 单行： •代码写于一行中，用分号作为语句结束标志 if(1==1 }else{alert( “return false” );} •分成多行、规范的书写如下： 01If( 1==1 // 输出“true” 04} 05else// 否则 06{ 07alert( “return false” );// 输出“false” 08} 第二讲：数据类型 课程内容安排 • 基本数据类型 • 复合数据类型 • 其他数据类型 • 数据类型的转换 基本数据类型 • 在JavaScript中，字符串型数据是用引号括起的文本字符串 •在JavaScript中不区分“字符”和“字符串”，字符也被当作字符串处理字 符串中可以包含用于特殊目的字符 01// 脚本程序开始 02 07 基本数据类型 •数值型数据 – JavaScript中用于表示数字的类型称为数字型，不像其 它编程语言那样区分整型、浮点型数字型用双精度浮 点值来表示数字数据，可以表示（-253，+253）区间中 的值数字的值可以用普通的记法也可以使用科学记数 法 表示方法如下所示： 10;// 数字 10.1;// 数字 0.1;// 数字 3e7;// 科学记数 0.3E7;// 科学记数 复合数据类型 • 对象的概念。

•在面向对象的设计模式中，将数据和处理数据的方法捆绑在一起形成的整 体，称为对象它封装了数据和操作数据的方法 ，使用时要先创建这个 对象，用new运算符来调用对象的构造函数 • 日期对象 •JavaScript将与日期相关的所有特性封装进Date对象，主要用来进行一些与 时间相关的操作，比如获取当前系统时间，使用前要先创建该对象的一个 实例： date = new Date( );// 直接创建 date = new Date( val );// 指定日期创建 date = new Date( y , m, d [, h [, min [, sec [,ms]]]] );// 指定日期创建 复合数据类型 • 全局对象 •全局对象是所有全局方法的拥有者，用来统一管理全局方法，全局方法也 就是指全局函数该对象不能使用new运算符创建对象实例，所有方法直 接调用即可 • 数学对象 •数学对象（Math）封装了与数学相关的特性，包括一些常数和数学函数 ，主要使用简单一些基本的数学计算比如求正弦、正切、余弦、取绝对 值等 •下面是这个对象的应用实例 复合数据类型 01// 脚本程序开始 02 08 从Math对象中获取圆周率常数，计算一个半径为2单位的圆的面积 复合数据类型 • 字符串对象 •String对象封装了与字符串有关的特性，主要用来处理字符串。

通 过String对象，可以对字符串进行剪切、合并、替换等等可以调 用该对象的构造函数创建一个实例，其实在定义一个字符串类型变 量时就也创建了一个String对象实例 •调用String对象的方法或属性形式如“对象名.方法名”或“对象名.属 性名”，构造函数如下： String([strVal]); •看这样的一个实例，文本串中将李白《静夜思》的各个部分分别提取 出来，并格式化输出标题加粗，文本居中对齐，诗歌正文颜色为 灰色 示例代码如下所示 复合数据类型 01 02 21 复合数据类型 • 数组 •数组是JavaScript中另一重要的基本数据类型。

内部对象Array封装 了所有和数组相关的方法和属性，其内存在多个数据段组合存储 可以形象的理解为一种有很多连续房间的楼层，每个房间都可以存 放货物，提取货物时只需要给出楼层号和房间编号即可 •下面是一个实例，创建一个数组用于保存古代几个大诗人的名字， 通过遍历数组逐一输出每个诗人的名字 01// 脚本程序开始 02 10 其他数据类型 • 函数 •在JavaScript中，“函数”充当了两个角色，一个运用在数据类型方面 ，另一个运用在子程序设计方面 关于函数在本书后面的章节中 会进一步讲到，这里先就不多讲了 • 空值 •之前所讲过的每一种JavaScript数据类型都有自己的内容，而编程中 却需要一种类型来表示“什么都没有”。

null类型就是为此目的而产 生，其表示一个空值可以使用null和一个变量进行比较以测试该 变量是否拥有内容，通常用来判断对象的创建或引用是否成功 •编写程序，测试null值 ，示例代码如下所示 其他数据类型 01// 脚本程序开始 02 14 •不确定的类型 –null值表示一个变量拥有空值可以理解为已经把给“空”给了某个变 量，而undefined则表示一个变量什么都没有得到，连“空”都没有 通常用来判断一个变量是否已经字义或已经赋值 数据类型的转换 • 隐式转换 •在程序运行时，系统根据当前上下文的需要，自动将数据从一种类 型转换为另一种类型的过程称为隐式类型转换。

其实这个转换很多 时候都在我们身边悄悄发生，比如我们使用document.write和alert 方法时，很多时候就发生了隐式转换，也就是无论你向这两个方法 中输入什么类。