《java-script-学习资料PPT演示课件》由会员分享，可在线阅读，更多相关《java-script-学习资料PPT演示课件（97页珍藏版）》请在金锄头文库上搜索。
1、1,JavaScript一.JavaScript基础JavaScript特点,JavaScript 语言可以设计和访问一个 web 页面中的所有元素，如：图片元素（images）、 表单元素（form elements）、链接（links）等等。 这些对象属性等在 JavaScript 程序运行中可以被复制、修改。JavaScript 还可以捕捉客户端用户对当前网页的动作，如：鼠标的点击动作或者键盘的输入动作等等。JavaScript 的这些功能使我们能够对用户的输入等动作做出想对应的反应动作，从而实现一些交互性。,2,1.特点,解释性脚本,不需要编译, 客户端运行,不需要在网络中传数据, 弱
2、类型语言, 安全: 不允许操作硬盘,不能操作数据库,不能直接访问网络文档.只能直接和浏览器直接交互. 动态性: 事件驱动, 在网页上的操作可以驱动javascript 跨平台: 由支持JavaScript的浏览器运行, 独立于操作系统.,3,2.于Java的区别,1. Java由Sun开发, 前身是oak, 是适合编写Internet应用程序的新一代面向对象语言(object-oriented). JavaScript由Netscape（网景公司）开发, 前身是Live Script, 是一种可以嵌入Web页面的基于对象(Object-Base)和事件驱动的解释性语言. 2. 由于没有提供抽象
3、继承重载等功能, JavaScript只是基于对象的. 3. Java源代码需要经过编译, 在服务器端执行, JavaScript是解释性的, 直接发送到客户端浏览器执行. 4. Java的数据类型严格匹配, 使用的变量必须首先有定义, JavaScript是弱类型的, 可以直接使用变量, 变量的类型由它引用的值由解释器动态检查. 5. 语法不一样.,4,3.JavaScript代码的加入,在Html文件中, 任意次数,任意位置使用(保证标签不存在交错,并正确配对.) /javascript 代码 你可以针对不同版本的浏览器使用不同的language=”JavaScript版本”，下边的列表中
4、列出了不同版本的 Netscape 浏览器所支持的不同版本的 JavaScript： JavaScript - Netscape 2.0 JavaScript1.1 - Netscape 3.0 JavaScript1.2 - Netscape 4.0,5,所以对于 Netscape 2.0 浏览器，它将会忽略标记 中定义的 JavaScript1.2 版本的脚本代码，但是 Netscape 4.0 将会执行此版本的脚本代码（同时也可以执行前边两个版本的脚本代码）。 function f1() / 旧版本的 JavaScript 代码。 . function f1() / JavaScript
5、 1.2 版的代码。 . ,6,在这个例子里，Netscape 2.0 浏览器将会执行第一个 . 标志对之间的函数 f1() 而忽略第二个 . 标志对之间的函数 f1() 。而对于Netscape 4.0 浏览器来说，它将会对两个 f1() 函数都进行处理，因为它支持这两个版本的 JavaScript，但是由于两个函数名字相同，浏览器会自动使用第二个函数 f1() 来覆盖掉第一个函数 f1()，因此执行的结果应该是第二个函数 f1() 的执行结果。,7,4.JavaScript代码的位置,通常都是将 标记对放在 和 标记对之间。这样能够保证在你的网页被下载到客户端后开始执行 JavaScrip
6、t 的时候你的 JavaScript 代码也已经被下载到客户端了。 这同时也是放置你的 JavaScript 函数的好地方，如果你想要某些代码在你的网页显示出来之后才执行的话，你最好将这些代码放在函数里，等网页显示以后再通过调用函数来执行它们， 另外一些时候，你有可能需要将你的脚本代码放在 和 标记对之间。这样做没什么不对的，因为如果你想要通过 JavaScript 代码来生成网页中的 HTML 语句，你就非常需要这样做，,8,5.引入js文件, src属性,可以把javascript函数定义放在一个.js文件中, 则网页文件中引入它,则在该网页中就可以使用js文件中的函数了. 可以同时引用几
7、个js文件,9,JavaScript语言基础6.定义变量 var,变量的声明使用关键字 var ，变量名可以是任意长度的字母、数字和下划线组成（“_”），同时变量名第一个字符不能是数字。注意：JavaScript 是对大小写敏感的，也就是说去分大小写，如变量 count 和变量 Count 是两个不同的变量！,10,在函数外边声明的变量是全局变量，在它定义之后的脚本代码或函数中的任何地方都可以对全局变量进行访问和使用。 需要注意的是：在函数外边声明变量的时候，关键字 var 是可选的（即可用可不用，你可以直接给一个没有被声明的变量赋值）， 但是如果你在一个函数中想要使用一个局部变量（即变量的有
8、效使用范围只是在函数里边），而且这个变量与函数外边的一个全局变量具有相同的变量名，那么你就必须在函数里边通过 var 来重新声明这个变量，这个变量亦即是一个局部变量。,11,7.基本数据类型,数值(整数, 实数) 布尔值, true/false 字符串: 双引号或者单引号括起来. Null : 空,尚未有具体的值 其他对象类型 由于没有严格类型匹配, 定义变量可以使用关键字var 变量名, 也可以直接”变量名=值;” 使用变量. 而且变量类型可以随时改变, 只有给它赋另一个类型的值.,12,8.运算符,算术运算:+ - * / %(取余) 逻辑运算符:= != = 问号表达式: 布尔表达式 ?
9、 A : B ;,13,9.注释, 同C, C+, Java,/ /* */,14,10.流程控制,if , if else for, while break, continue,15,11.JavaScript函数,function 函数名(形式参数) 函数体; 返回; 函数调用时主要以函数名匹配,可以只传递部分参数. 必须在函数定义之后才能调用. 在函数体内使用arguments.length可以得到调用函数时实际传递的参数个数.,16,二.JavaScript的基于对象对象基础12.对象的构成,由属性和方法构成. 对属性的引用使用 对象.属性, 还可以使用属性的下标访问,比如man0,
10、man1, 还可以使用字符串下标访问, man“name”, man“age” 这种方法可以支持动态属性, 并且属性名可以不满足标识符规则,比如可以在属性名中包含空格.,17,对方法的调用使用 对象.方法(参数) ; new 可以创建对象 date = new Date(); 创建一个日期对象. this关键字指向当前属性的引用.,18,13.定义类,定义类就是定义一个函数: 参数列表不要使用类型关键字,只能使用变量名. function Man(name, height, blood, birth) this.name = name; this.height = height; this.b
11、lood = blood; this.birth = birth; this.study = study; /声明一个方法 ,19,/定义方法 function study(language) alert( this.name + 学习 + language); /不要定义Man mike = var mike = new Man(Mike,177,AB,new Date(); mike.study(java !); ,20,14.for x in ,or(对象属性名 in 对象名) 在不知到对象内详细情况下, 循环对其属性访问: for( var prop in Desk ) documen
12、t.write( Deskprop );,21,15. with,with className 在花括号里面的语句, 默认为取类className的属性和方法.其他类的属性方法就必须加上”类名.” 前缀 . 需要用()把对象变量括起来。 with (Math) document.write(cos(10); document.write(cos(20); document.write(cos(30); document.write(cos(40); ,22, with (navigator ) document.write(你的浏览器版本是：+navigator.appName+navigat
13、or.appVersion ); document.write(你的浏览器版本是：+appName+appVersion ); document.write(你的次浏览器是：+appMinorVersion); document.write(你的浏览器的当前语言是：+browserLanguage ); document.write(永久 cookie 是否在浏览器中启用：+cookieEnabled ); document.write(你的CPU 等级是：+cpuClass );,23,document.write(你是否处于全局脱机模式：+onLine ); document.write(
14、你的操作系统名称：+platform ); document.write(你操作系统适用的默认语言：+systemLanguage ); document.write(你HTTP 用户代理请求头的字符串：+userAgent ); document.write(你操作系统的自然语言设置：+userLanguage ); / alert(plugins.length); ,24,16.this关键字,指向当前对象,25,17. new 创建新对象,var a = new Date();,26,18.对象类型: 静态对象, 动态对象,在JavaScript中对于对象属性与方法的引用，有两种情况：其
15、一是说该对象是静态对象，即在引用该对象的属性或方法时不需要为它创建实例；而另一种对象则在引用它的对象或方法是必须为它创建一个实例，即该对象是动态对象。,27,19.动态属性,Jscript 中所有的对象均支持“expando”属性或那些可以在运行时动态添加和删除的属性。这些属性可以有包含数字的任意名称。 如果属性的名称是简单的标识符，可以在对象名称的后面加句点，例如： var myObj = new Object(); / 添加两个 expando 属性，name 和 age myObj.name = Fred; myObj.age = 42;,28,如果属性名称不是一个简单的标识符，或者在写
16、脚本的时候不知道，可以在方括号中使用任意表达式来索引属性。 在 Jscript 中所有 expando 属性的名称在被添加到对象之前被转换为字符串。 var myObj = new Object(); / 添加两个无法写在 object.property 语 / 法中的 expando 属性。 / 第一个属性包含无效字符（空格）， / 所以必须写在方括号里。而且使用引号. myObjnot a valid identifier = This is the property value; / 第二个 expando 名称是一个数字， / 所以也必须写在方括号里。 myObj100 = 100;,29,三.核心 (Core) 对象20.核心对象简介,在 JavaScript 中可供使用的最基本的数据类型被称为核心 (core) 对象，这些对象是： Array - 数组对象； Boolean - 布尔对象； Date - 时间对象； Math 数值计算； Nu
