韩顺平javascript笔记(全套)

韩顺平2011javascript笔记（全）JavaScript1.javascript基本介绍：(1)javascript是实现网页动态效果的基石，在web的开发中扮演重要的角色，被广泛的应用到各个领域：○1网页游戏○2地图搜索○3股市信息查询○4web聊天····(2)在web开发中，js是必不可少的技术，同时js也是ajax/jquery/extjs等框架的基础。(3)javascript是一种广泛用于客户端WEB开发的脚本语言，常用来给HTML网页添加动态的功能，比如响应用户的各种操作。2.脚本语言：(1)脚本语言往往不能独立使用(单独使用没有什么意义)，它一般与html/asp/jsp/php(2)脚本语言有自己的变量，函数，控制语句。(3)脚本语言是一种解释性语言。3.JS一般在客户端的浏览器执行。但也可以对服务器进行编程(非常少)4.JavaScript简介JavaScript是一种解释型的语言。Javascript并不是java的一种java脚本语言，除了名字都带有java这个此外，两者并没有任何关系。Javascript的第一个版本出现在NetscapeNavigator2浏览器中。人们最初给javascript起的名字是LiveScript。然而由于，当时java技术的正是如日中天，netscape公司给livescript改名为javascript，以便是人们更加注意javascript。随着javascript的发展，微软公司决定在IE浏览器中加入微软的品牌的javascript，即Jscript。脚本语言不仅只有javascript的一种，还有其他的脚本语言，如VBscript和perl语言(1)script标记：第一个简单的javascript程序在网页中添加script/script标签中添加javascript代码，在script/script之间的代码块，不是用于显示html元素，而是需要浏览器进行处理的脚本代码，在script标记和对应的/script标记之间包围的代码块，称为脚本块。script标记可以放在html页面的头部，即head/head之间。script标记具有一些属性，其中最重要的属性就是type属性。前面提到了javascript并不是唯一可用的脚本语言，可以的脚本语言需要按不同的方式进行处理。我们需要浏览器，在当前的页面中我们所使用的是何种脚本语言。scripttype=”text/javascript”****************************************************************************************noscript/noscript是一种防御性编码，如果用户的浏览器不支持javascript或者是设置过高的安全级别，那么就会显示出相应的提示洗洗，避免了在用户不知情下停止运行或者的都错误结果。*******************************************************************************(2)在javascript中用分号表示一个语句的结束htmlheadtitleExample1.1helloworld/titlescripttype=text/javascriptdocument.write(helloworld);/script/headnoscript您的浏览器不支持javascript，请检查浏览器的版本或者安全设置，谢谢/noscriptbodybgcolor/bodyhtmlheadtitle/title/headbodybgcolor=whitescripttype=text/javascriptdocument.bgColor=red;/script/body/html(3)Javascript是弱类型语言。什么叫做弱类型语言。在强类型语言中，使用变量之前，必须先声明变量的类型，才能使用。而javascript则不需要这样使用。5.案例1：你的第一个程序，javascript高手都是从这里开始的，这个程序完成一个非常简单功能，在网页中弹出一个对话框，显示“helloworld！”(1)js的位置：js的位置可以随意，但是一般用在head/head标签(2)js必须用scriptlanguage=”javascript”js代码/script☞如果没有使用script/script包含起来的话，则浏览器则会视为普通文本6.案例2：对前面的程序，改成一个简单加法运算程序htmlheadtitle第一个javascript程序/titlescriptlanguage=javascriptwindow.alert(helloworld);/script/headbody/body/htmljs的变量的类型是怎样决定？(1)js的数据类型是弱数据类型语言。即在定义变量的时候，统一使用var表示，甚至可以去掉var关键字(2)js中的数据类型是有js引擎来决定的。数据类型可以变化的。varname=”shopping”;//js引擎知道name是字符串name=22;//这时name自动变成了数varkk=2;//kk是整数varyy;//y是undefined类型7.javascript中的标识符标识符指的是javascript中定义的符号，例如，变量名，函数名，数组名等。标识符可以有任意顺序的大小小字母、数字，下划线和美元符号（$）组成，但是标识符不能以数字开头，不能是javascript的保留关键字。8.javascript是严格区分大小写的。javascript中每条语句用分号“;”结束。9.注释：单行注释//多行注释/**/10.javascript的基本语法---数据类型：基本数据类型：htmlheadtitle第一个javascript程序/title/*js中的变量定义，变量都用var表示，不管实际类型怎样*/varnum1=456;varnum2=226;varresult=num1+num2;window.alert(结果是+result);/headbody/body/html通过typeof关键字，可以看到数据的类型(1)Number(数值类型)整型常量（10进制\8进制\16进制）16进制以0x或者是0X开头，例如：0x83;8进制必须以0开头：实型常量12.32193.985E7等特殊数值：NaN(notisanumber)、Infinity、isNaN()、isFinite()(2)Boolean(布尔类型)true和false(3)String字符串“thisisabook”复合数据类型：特殊数据类型：(1)undefine的例子：scriptlanguage=javascriptvara;window.alert(a的数据类型+typeofa);/script(2)null的例子：scriptlanguage=javascriptvara=null;window.alert(a的数据类型+typeofa);/script11.javascript的基本语法---定义变量、初始化、赋值：(1)定义变量：vara;(2)初始化变量：在定义变量的时候，就赋值：vara=45;(3)给变量赋值：先定义变量：varnum;再赋值：num=3312.javascript的基本语法---数据类型转换：(1)自动转换：javascript的数据类型是动态的请看一个案例：scriptlanguage=javascript//num先定义成Number数据类型varnum=22;num=helloword;window.alert(num的数据类型+typeofnum);/script(2)强制转换：请看案例：如何将字符串转换成数字scriptlanguage=javascript//num先定义成String数据类型vars=123;varnum=parseInt(s);window.alert(typeofnum);/script13.javascript中的运算符和java中的一样的,但是有几个注意点：(1)案例一：b先转成9，在比较scriptlanguage=”javascript”vara=9;varb=’9’if(a==b){window.alert(“ok”);}else{window.alert(“faile”);}/script(2)在逻辑运算中，0、“”、false、null、undefined、NaN均表示falsescriptlanguage=”javascript”vara=0;if(a){window.alert(“ok”);}else{window.alert(“faile”);}/script14.函数：为完成某一个功能的代码的集合。函数定义：函数名位于关键字function之后，为了让代码易于理解，函数名应具有一定的意义。注意点：函数没有返回值类型。形参数不写具体的类型。15.eval()可以将一个字符串当成一个脚本运行例如：scriptlanguage=”javascript”type=”text/javascript”varstr=”window.alert(“ok”)”;eval(str);/script16.escape()可以将中文或日文转为ascii码：unescape()反之。一般这个函数相互配合，防止在浏览器中出现乱码：scriptlanguage=”javascript”type=”text/javascript”varstr=”江西”;varstr2=escape(str);//转回来varstr3=unescape(str2);/scriptfunction函数名(参数列表){语句;//函数(方法)主体return返回值;}17.数组：(1)为什么需要数组？将一组数据放在一起，组成集合。它由一对方括号[]包围，数组的每个元素用逗号分隔，数组元素可以是任意类型的数据(2)创建数组：var数组名=[元素值，元素值，```]例如：vara=[“shopping”,123,1.1,4.5,true](3)二维数组：vara=[[1,2,3],[“hello”,”world”,”jiangxi”]]=============================================================================================================================================================================================================================================Js面向（基于）对象编程一、⊙澄清概念js中基于对象==js面向对象js中没有类class,但是它取了一个新的名字叫原型对象，因此，类==原型对象二、⊙为什么需要对象问题提出：/*张老太养了两只猫：一只名字叫小白，今年3岁，白色，还有一只叫小花，今年10岁，花色。请编写一个程序，当用户输入小猫的名字时，就显示该猫的名字，年龄，颜色。如果用户输入小猫的名字错误时，则显示张老太没有这只猫猫。*///传统方法比较麻烦cat1_name=小白;varcat1_age=3;varcat1_color=白色;//解决办法,把猫的属性集中,创建一种新的数据类(原型对象/类)//用面向对象的方法来解决