JavaScript程序设计.ppt

1、JavaScript编程入门，ASP.NET Web应用程序开发(c ) #，JavaScript编程入门，教师：黄波电子邮件： tel:82878185 QQ:569960256， 主体第1部JavaScript概要第2部JavaScript配置第3部JavaScript案例研究第4部JavaScript编程概要第5部JavaScript编程基础第6部BOM (浏览器对象模型)第7部DOM (文档对象) 第1部JavaScript一、JavaScript的起源于1995年出现在NetScape (网景浏览器)，前身叫做LiveScript，NetScape公司与Sun公司合作开发，为了利用J

2、ava这一流行记录集，JavaScript JavaScript和Java基本上是两种语言！ 不要！ 不要！ 不要！ 微软为了进军浏览器市场，开发了名为JScript的JavaScript的克隆版。 1997年，JavaScript作为草案提交给ECMA (欧洲修订机制造商协会)，ECMAScript .二，JavaScript的特征1，脚本编写语言是脚本语言，以小程序段方式编写。 这种基本结构类似于我们学到的C#，但不像C#必须先翻译，而是在网页在浏览器中运行时逐行“翻译”，并与HTML标记结合。 2 .跨平台JavaScript取决于浏览器本身，而不管操作系统如何。 3 .基于对象的这是基

3、于对象和基于事件驱动的编程语言，其本身提供非常丰富的内部对象以供安装校正者使用。 4 .客户端为了在web页面中预先写入代码，将代码与HTML文件一起发送到客户端的浏览器，通过浏览器解释并执行这些代码来减轻服务器的负担。 三、JavaScript的作用1 .验证用户输入的内容2 .动态显示网页内容3 .在静态网页上添加特殊效果4. AJAX程序的核心技术之一，如果你有一些编程经验，JavaScript 编程经验和问题都没有，网上有很多JavaScript特殊效果，你可以直接把Copy放在网页上使用。第二部分JavaScript配置、ECMAScript :不与特定浏览器关联，只描述语法、类型、

4、语句、关键字、保留字、运算符和对象。 DOM :文档对象模型是HTML和XML的应用接口(API )，DOM将整个页面修订为由节点级构成的文档。 抽样页健康世界！ DOM通过创建树来表示文档，使开发人员能够前所未有地控制文档的内容和结构。 使用DOM API可以轻松删除、添加和替换节点。 BOM :可以访问和操作浏览器窗口的浏览器对象模型。 由于没有相关的BOM标准，每个浏览器都有自己的BOM实现。主要实现：弹出新窗口的浏览器窗口的移动、关闭、提供调整大小用户的画面识别的详细信息的画面对象.第3部分Java案例研究， 1 .一些有趣的示例2 .查看事例中JavaScript的各种特殊效果. r

5、ar 3.网络资源：包含JavaScript实现的许多特殊效果的网络操作系统接口，如Windows XP。 也可以通过JavaScript与其他技术结合完成的FireFox访问。 第四部分JavaScript编程概述，编辑软件编辑JavaScript可以使用任何文本编辑器，如记事本。 我们使用1st JavaScript Editor，解读不完整，智能提示必须自己启动菜单： editpreferencetexteditorintellisense 2，调试器使用VS.NET 2005，同样中断F11 IE的internet选项将禁用高级设置中的脚本调试(Internet Explorer )。

6、 现在直接在VS.NET 2005 IDE中运行JavaScript创建格式将JavaScript直接嵌入到HTML的任何标记中此处的document对象指向当前HTML文档，如果使用2.javascript函数则标记函数3 .第五部分JavaScript编程的基础，使用另一个. js文件将外部. js文件链接到标签，另一方面，JavaScript变量区分大小写，变量为弱类型，ECMAScript变量没有特定类型，变量声明，变量数字=25； 可见性=假； 此功能已在. NET 3.5框架中引入。停止！ 不要！ 不要！ 与C#变量不同，变量不一定需要初始化。 测试=55； 测试=； 二、原始类型

7、ECMAScript有五种原始类型：未定义、空、布尔、编号和字符串。 未定义型var o暂停； 如果声明的变量未初始化，则该变量的初始值是undefined .函数(function )不明确的，2、将null类型用于还不存在的对象，值undefined实际上从值null派生，而ECMAScript则用于它们4、number型的任何数字都视为number型的字面量var num=55 var num=070； /56的八进制var num=0 x1f； /31的十六进制数var num=5.0； 中的组合图层性质变更选项。 特殊值为NaN，表示“非数”(Not a Number )可以使用is

8、NaN函数确定。 例如， isnan (“蓝色”)； 对true 5、string类型字符串类型3、typeof运算符变量或值调用typeof运算符时，将返回其中一个undefined变量是undefined类型的布尔变量是布尔类型的number的值(type 4、类型转换(1)转换为字符串的3种主要原始值boolean、number和string都是toString方法(2)数值parseInt方法和parseflota方法对于只是对string的其他类型返回NaN parseInt方法首先检查位置0的字符，判断其是否为有效数字，如果有效，则向下检查直到找到数字以外的字符，返回上一个检查结果

9、。例如： var num1=parseInt(“1234”)； 1234、var num2=零件(“1234蓝色”)； 转到/1234 varnum3=parseint (“蓝色”)。 返回NaN parseFloat的使用类型： var fnum1=parseFloat(”1234blue”)； 转到/1234.0 var fnum2=parsefloat (“蓝色”)。 /nan5，函数1 .语法规则返回function函数名称(残奥仪表1，残奥仪表2 )的2) return值。 说明： (1)JavaScript的函数与C#的方法和函数不同，function之后不需要定义函数值的类型(2

10、)使用多个残奥参数时，残奥参数之间用逗号分隔(3)JavaScript中函数的传递也分为2种值传播和引用传播2. argument对象使用特殊对象arguments，开发者无需指定残奥仪表名称即可访问。 例如，函数sayhi () if (参数0=比例)返回。 预警(预警0 )； 呼叫形式1: sayhi (测试)； 调用形式2:sayhi (测试)、123； 中的组合图层性质变更选项。 与其他语言不同，ECMAScript不验证传递给函数的残奥参数数量是否相等。 函数可以接受任意数量的残奥仪表(最多25个Netscape文档)，而不会出错。 函数中也可以使用argument.length属性

11、来检测关残奥元数functionhowmanyargs () alert (arguments.length )。 您可以使用arguments对象确定传递给函数的残奥参数的数量，以模拟函数的重装。 六、事件驱动和事件处理Event Drive:JavaScript是基于对象的语言，并且基于对象的基本特征执行事件驱动采用事件：鼠标和键盘的移动事件驱动：由鼠标和键盘的操作引起的一系列程序的操作称为事件驱动事件处理程序(Event Handler ) :通常由函数执行。 网页中的事件可分为鼠标事件、键盘事件和其他事件两大类。 1 .有些常见事件，3.JavaScript处理事件JavaScript

12、语言和HTML文档的关联主要是“事件”，JavaScript函数是处理事件的程序，语法规则是“事件=“函数名”或4. JavaScript练习(1)在导入html文档时调用LoadForm ()函数，在退出一个文档并进入另一个html文档时首先调用UnLoadForm ()函数。 在访问LoadForm ()函数之前确认：“这是自动装载的示例”UnLoadForm ()函数：显示“这是自动卸载的示例”消息，标题页function LoadForm() alert不存在function LoadForm() alert alert (这是卸载示例)测试，(2)如果在一个输入框中没有输入值，请向用

13、户提示“请输入无标题页function validate () if (user.value=) alert (输入不要！ 不要！ )； JavaScript脚本是function validate () if (document.data.user.value=) alert (w root )，以验证在表单中提交的数据。 返回假； 数组对象1. JavaScript数组的定义(1)长度为0的数组var myArray=new Array ()； (2)长度为n的阵列var myarray=新阵列(n )； (3)新制作指定长度的阵列，分配初始值var myarray=new array (

14、1，2，3 )。 (4)存取阵列中的元素myArray2=4 var i=myArray2； 2 .动态数组JavaScript的数组长度不固定。 要增加数组的长度，请直接分配值。示例： var myarray=新阵列(1、2、3 )； myArray3=4； 此时的myArray的长度为4varmyarray=newarray(1、2、3 )； myArray4=4； 长度为5，其中myArra3的值为undefined，3 .数组的常用属性和方法(1)length属性：数组的长度(2)取2)concat方法的例子： vara=new array (1，2 varb=new array (4，5，6 )； 警报(a.concat (b ) )/输出1、2、3、4、5、6警报(a.length )； /长度不变，但也可以在3的状态下直接连接数值a.concat (4，5，6 )。 (3)连接方法、连接数组、默认值为“”、“例： vara=new array (1，2，3 )； alert(a.join () )； /输出1，2，3，也可以用指定的符号连接。 例如alert(a.join(“-”) )； (4)在数组的末尾添加一个或多个项，同时变更数组的长度例4 )推方法： vara=new array (1，2