韩顺平javascript笔记全套.docx
《韩顺平javascript笔记全套.docx》由会员分享,可在线阅读,更多相关《韩顺平javascript笔记全套.docx(86页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、韩顺平2011javascript笔记(全)JavaScript1. javascript基本介绍:(1) javascript是实现网页动态效果的基石,在web的开发中扮演重要的角色,被广泛的应用到各个领域:网页嬉戏地图搜寻股市信息查询web闲聊(2) 在web开发中,js是必不行少的技术,同时js也是ajax/jquery/extjs等框架的基础。(3) javascript是一种广泛用于客户端WEB开发的脚本语言,常用来给HTML网页添加动态的功能,比如响应用户的各种操作。2. 脚本语言:(1) 脚本语言往往不能独立运用(单独运用没有什么意义),它一般与html/asp/jsp/php(
2、2) 脚本语言有自己的变量,函数,限制语句。(3) 脚本语言是一种说明性语言。3. JS一般在客户端的阅读器执行。但也可以对服务器进行编程(特别少)4. JavaScript简介JavaScript是一种说明型的语言。Javascript并不是java的一种java脚本语言,除了名字都带有java这个此外,两者并没有任何关系。Javascript的第一个版本出现在Netscape Navigator2阅读器中。人们最初给javascript起的名字是LiveScript。然而由于,当时java技术的正是如日中天,netscape公司给livescript改名为javascript,以便是人们更
3、加留意javascript。随着javascript的发展,微软公司确定在IE阅读器中加入微软的品牌的javascript,即Jscript。脚本语言不仅只有javascript的一种,还有其他的脚本语言,如VBscript和perl语言(1) 标记:第一个简洁的javascript程序在网页中添加标签中添加javascript代码,在之间的代码块,不是用于显示html元素,而是须要阅读器进行处理的脚本代码,在标记和对应的标记之间包围的代码块,称为脚本块。标记可以放在html页面的头部,即之间。标记具有一些属性,其中最重要的属性就是type属性。前面提到了javascript并不是唯一可用的脚
4、本语言,可以的脚本语言须要按不同的方式进行处理。我们须要阅读器,在当前的页面中我们所运用的是何种脚本语言。document.bgColor=red;Example 1.1 hello worlddocument.write(hello world);您的阅读器不支持javascript,请检查阅读器的版本或者平安设置,感谢*是一种防卫性编码,假如用户的阅读器不支持javascript或者是设置过高的平安级别,那么就会显示出相应的提示洗洗,避开了在用户不知情下停止运行或者的都错误结果。* (2) 在javascript中用分号表示一个语句的结束(3) Javascript是弱类型语言。什么叫做弱
5、类型语言。在强类型语言中,运用变量之前,必需先声明变量的类型,才能运用。而javascript则不须要这样运用。5. 案例1:你的第一个程序,javascript高手都是从这里起先的,这个程序完成一个特别简洁功能,在网页中弹出一个对话框,显示“hello world!”第一个javascript程序window.alert(hello world);(1) js的位置:js的位置可以随意,但是一般用在标签(2) js必需用js代码假如没有运用包含起来的话,则阅读器则会视为一般文本6. 案例2:对前面的程序,改成一个简洁加法运算程序第一个javascript程序/*js中的变量定义,变量都用va
6、r表示,不管实际类型怎样*/var num1=456;var num2=226;var result=num1+num2;window.alert(结果是+result);u js的变量的类型是怎样确定?(1) js的数据类型是弱数据类型语言。即在定义变量的时候,统一运用var表示,甚至可以去掉var关键字(2) js中的数据类型是有js引擎来确定的。数据类型可以变更的。var name=”shopping”;/js引擎知道name是字符串name=22;/这时name自动变成了数varkk=2;/kk是整数vary y; /y是undefined类型7. javascript中的标识符标识符
7、指的是javascript中定义的符号,例如,变量名,函数名,数组名等。标识符可以有随意依次的大小小字母, 数字,下划线和美元符号($)组成,但是标识符不能以数字开头,不能是javascript的保留关键字。8. javascript是严格区分大小写的。javascript中每条语句用分号“;”结束。9. 注释:单行注释/ 多行注释 /* */10. javascript的基本语法-数据类型: 基本数据类型:通过typeof关键字,可以看到数据的类型(1) Number(数值类型) 整型常量(10进制8进制16进制)16进制以0x或者是0X开头,例如:0x83;8进制必需以0开头: 实型常量1
8、2.32 193.98 5E7等 特殊数值:NaN(not is a number), Infinity, isNaN(), isFinite()(2) Boolean(布尔类型)true和false(3) String 字符串“this is a book” 复合数据类型: 特殊数据类型:(1) undefine的例子:var a;window.alert(a的数据类型+typeof a);(2) null的例子:var a=null;window.alert(a的数据类型+typeof a);11. javascript的基本语法-定义变量, 初始化, 赋值:(1) 定义变量:var a;
9、(2) 初始化变量:在定义变量的时候,就赋值:var a=45;(3) 给变量赋值:先定义变量:varnum;再赋值:num=3312. javascript的基本语法-数据类型转换:(1) 自动转换:javascript的数据类型是动态的请看一个案例:/ num先定义成Number数据类型varnum=22;num=hello word;window.alert(num的数据类型+typeofnum);(2) 强制转换:请看案例:如何将字符串转换成数字/ num先定义成String数据类型var s=123;varnum=parseInt(s);window.alert(typeofnum)
10、;13. javascript中的运算符和java中的一样的,但是有几个留意点:(1) 案例一:b先转成9,在比较var a=9;var b=9if(a=b)window.alert(“ok”);elsewindow.alert(“faile”);(2) 在逻辑运算中,0, “”, false, null, undefined, NaN均表示falsevar a=0;if(a)window.alert(“ok”);elsewindow.alert(“faile”);14. 函数:为完成某一个功能的代码的集合。函数定义: function 函数名(参数列表)语句;/函数(方法)主体return
11、返回值;函数名位于关键字function之后,为了让代码易于理解,函数名应具有肯定的意义。留意点:函数没有返回值类型。形参数不写详细的类型。15. eval()可以将一个字符串当成一个脚本运行例如:varstr=”window.alert(“ok”)”;eval(str);16. escape()可以将中文或日文转为ascii码:unescape()反之。一般这个函数相互协作,防止在阅读器中出现乱码:varstr=”江西”;var str2=escape(str);/转回来var str3=unescape(str2);17. 数组:(1) 为什么须要数组?将一组数据放在一起,组成集合。它由一
12、对方括号包围,数组的每个元素用逗号分隔,数组元素可以是随意类型的数据(2) 创建数组:var数组名=元素值,元素值,例如:var a=“shopping”,123,1.1,4.5,true(3) 二维数组:var a=1,2,3,“hello”,”world”,”jiangxi”=Js面对(基于)对象编程一, 澄清概念js中 基于对象= js面对对象js中没有类class,但是它取了一个新的名字叫 原型对象 ,因此,类=原型对象二, 为什么须要对象问题提出:/*张老太养了两只猫:一只名字叫小白,今年3岁,白色,还有一只叫小花,今年10岁,花色。请编写一个程序,当用户输入小猫的名字时,就显示该猫
13、的名字,年龄,颜色。假如用户输入小猫的名字错误时,则显示张老太没有这只猫猫。*/传统方法比较麻烦cat1_name=小白;var cat1_age=3;var cat1_color=白色;/解决方法,把猫的属性集中,创建一种新的数据类(原型对象/类)/用面对对象的方法来解决上面的问题/这里就是一个类cat类function cat()/假如这样用/cat()/函数var cat1 = new cat()/类/这时cat1就是一个对象(实例)cat1.name=小白;cat1.age=3;cat1.color=白色;/从上面的代码我们可以看出/1.js中的对象的属性可以动态添加/2.属性没有限制
14、window.alert(cat1.name+cat1.age+cat1.color+cat.hobby);三, 类(原型对象)和对象的区分和联系(1) 类是抽象的,概念,代表类事物(2) 对象是详细的,体表一个实体(3) 对象是以类(原型对象)为模板创建起来的实体四, 创建对象的方式有五种(1) 工厂方法运用new Object创建对象并添加相关属性.(2) 运用构造函数来定义类(原型对象).(3) 运用prototype(4) 构造函数与原型混合方式.(5) 动态原型方式.目前我们先讲 运用构造函数来定义类(原型对象),然后再创建对象实例.基本语法:function 类名/原型对象()创建
15、对象:var 对象名= new 类名()现在对对象特殊说明:1. js 中一切都是对象function Person()window.alert(Person.constructor);var a = new Person();window.alert(a.constructor);/a 对象实例的构造函数window.alert(typeof a);/a 的类型是什么var b=123;window.alert(b.constructor);window.alert(typeof b);var c=123;window.alert(c.constructor);window.alert(ty
16、peof c);/思索:如何推断一个对象实例是不是Person类型if(a instanceof Person)window.alert(a 是 Person1);if(a.constructor=Person)window.alert(a 是 Person2); 五, 补充说明(全局变量与局部变量的区分)/全局变量var abc=89;function test()/在函数里,假如不带var,则表示运用全局的abc变量/假如带var,则表示在test()中,定义了一个新的abc变量(局部变量)abc=900;test();window.alert(abc);访问对象的属性有两种方法:(1)
17、一般方式对象名.属性名(2) 动态访问对象名“属性名”function person()var p1= new person();p1.name=阿华;window.alert(p1.name);/一般方式window.alert(p1name);var val=na+me;window.alert(p1val);/动态方式对象引用问题的说明(图)js还供应一种方式,主动释放对象内存delete 对象名.属性, ;/这样就会马上释放 对象的这个属性的空间六, this问题的提出:function Person();var p1=new Person();p1.name = 老韩;p1.age
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 顺平 javascript 笔记 全套
限制150内