javascript基础入门

JavaScript主要内容一．了解JavaScript二．JavaScript入门三．语言基础四．内置对象五．对象与DOM六．图像处理七．框架八．表单与事件处理一、了解JavaScript1.了解JavaScript2.JavaScript与Java3.JavaScript与Java不同点4.JavaScript工作流程5.JavaScript可以做什么6.JavaScript不可以做什么了解JavaScript是一种基于对象和事件驱动并具有安全性的解释性语言，其目的就是增强Web客户交互。弥补了HTML的缺陷。页面标准行为表示CSS结构HTML……JavaScript与Java处于两家不同的公司，属于两种完全不同的产品。Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合Internet应用程序开发，前生是Oak语言。JavaScript是Netscape公司的产品，是一种可嵌入到WEB当中的基于对象和事件驱动的解释性语言，前生是LiveScript。JavaScript与Java不同点基于对象和面向对象解释和编译强变量和弱变量代码格式不一样嵌入方式不一样静态联编和动态联编（对象引用在运行时进行检查，对象引用必须在编译时的进行）JavaScirpt可以做什么使网页更具有交互性，给用户提供更好，更令人兴奋的体验。确保用户在表单中输入有效的信息，可以节省你的业务开支。即时创建HTML页面。还可以处理表单，设置cookie，创建基于Web的应用程序。JavaScirpt不可以做什么不允许读写客户机器上的文件。不允许写服务器上的文件。不能关闭不是由它打开的窗口。不能从来自另一个服务器的已经打开的网页中读取信息。二.JavaScript入门1.脚本写在哪里？2.第一个JavaScript程序3.在脚本中写注释4.弹出对话框5.关闭一个浏览器窗口脚本写在哪里？HTMLHEAD…….../HEADBOYD…….../BODY/HTMLHTML文档SCRPTfunctionHELLO(){………….}/SCRIPTsrc=…第一个JavaScript程序htmlbodyscripttype=text/javascriptdocument.write(HelloWorld!);/script/body/html在脚本中写注释两种注释示例/*…*/与//…/*ThisisanexampleofalongJavaScriptcomment.Notethecharactersatthebeginningendingofthecomment.*/FunctionEmg(){//ThisiswriteMessage.……}弹出对话框三种对话框scriptfunctionDialogBox(){}/script//alert(‘welcome!’);一个按钮//confirm(‘canyouspeakenglish?’);两个按钮prompt(“howoldareyou?”,”23”);有默认回答，两个按钮关闭一个浏览器窗口两种关闭方式标签关闭与按钮关闭ahref=javascript:self.close()关闭窗口/ascriptfunctionNVGClose(){window.close();}/scriptinputtype=buttonvalue=关闭onclick=“NVGClose()三.语言基础1.基本数据类型——常量2.基本数据类型——变量3.转义字符4.表达式5.运算符6.控制语句7.JavaScript函数8.错误处理基本数据类型——常量整型只能储存整数。可以是正整数、0、负整数，可以是十进制、八进制、十六进制。八进制数的表示方法是在数字前加“0”，如“0123”表示八进制数“123”。十六进制则是加“0x”：“0xEF”表示十六进制数“EF”。浮点型即“实型”，能储存小数。有资料显示，某些平台对浮点型变量的支持不稳定。没有需要就不要用浮点型。字符串型是用引号“”“”、“‘’”包起来的零个至多个字符，而且单双引号可嵌套使用。布尔型常用于判断，只有两个值可选：true（表“真”）和false（表“假”）。true和false是JavaScript的保留字。它们属于“常数”。基本数据类型——变量变量的命名变量的命名有以下要求：1.只包含字母、数字和/或下划线；2.要以字母开头；3.不能太长；4.不能使用JavaScript中的关键字作为变量；变量是区分大小写的，例如，variable和Variable是两个不同的变量变量需要声明没有声明的变量不能使用，否则会出错：“未定义”。声明变量可以用：var变量[=值]变量作用域。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。转义字符由于一些字符在屏幕上不能显示，或者JavaScript语法上已经有了特殊用途，在要用这些字符时，就要使用“转义字符”。转义字符用斜杠“\”开头：\‘单引号、\“双引号、\n换行符、\r回车。于是，使用转义字符，就可以做到引号多重嵌套：’Micro说：”这里是\“JavaScript教程\”。表达式表达式在定义完变量后，就可以对它们进行赋值、改变、计算等一系列操作，这一过程通常又叫称一个叫表达式来完成，可以说它是变量、常量、布尔及运算符的集合，因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。varm=1+9;varm=“hello”+”world”;varm=100;varm=false;运算符1算术运算符JavaScript中的算术运算符有单目运算符和双目运算符。双目运算符：+（加）、-（减）、*（乘）、/（除）、%（取模）、|（按位或）、&(按位与)、（左移）、（右移）、（右移，零填充）。单目运算符：-（取反）、~（取补）、++（递加1）、--（递减1）。2比较运算符比较运算符它的基本操作过程是，首先对它的操作数进行比较，然后再返回一个true或False值，有８个比较运算符:(小于)、(大于)、=(小于等于)、=(大于等于)、==(等于)、!=(不等于)。3布尔逻辑运算符!（取反)、&=（与之后赋值）、&（逻辑与）、|=（或之后赋值）、|（逻辑或）、^=（异或之后赋值）、^（逻辑异或）、?:（三目操作符）、||（或）、==(等于)、|=(不等于)。控制语句第一种是选择结构1.单一选择结构（if）2.二路选择结构（if/else）3.内联三元运算符?:4.多路选择结构（switch）第二种类型的程序控制结构是循环结构。1.由计数器控制的循环（for）2.在循环的开头测试表达式（while）3.在循环的末尾测试表达式（do/while）4.对对象的每个属性都进行操作（for/in）条件语句基本格式if（表述式）语句段１；......else语句段２；.....功能：若表达式为true，则执行语句段１；否则执行语句段２。三元运算符基本格式条件表达式“?语句1:语句2”，当条件为真时执行语句1，否则执行语句2eg：varm=5;varn=3;varbol=(mn)?m:n;多目选择基本格式——解决多种条件判断switch(e){caser1:（注意：冒号）...break;caser2:...break;[default:...]}循环语句for基本格式for（初始化；条件；增量）{语句集；}功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体循环语句while基本格式while（条件）语句集；该语句与For语句一样，当条件为真时，重复循环，否则退出循环。*break和continue语句与C++语言相同，使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。do-while循环基本格式do{……}while(条件);功能：do...while循环与while循环相似，在循环的末尾检查条件，它总是至少运行一次。for…in循环JScript提供了一种特别的循环方式来遍历一个对象的所有用户定义的属性或者一个数组的所有元素。for...in循环中的循环计数器是一个字符串，而不是数字。它包含当前属性的名称或者当前数组元素的下标。//创建具有某些属性的对象varmyObject=newObject();myObject.name=James;myObject.age=22;myObject.phone=5551234;//枚举（循环）对象的所有属性for(propinmyObject){//显示Theproperty'name'isJames，等等。window.alert(Theproperty'+prop+'is+myObject[prop]);}JavaScript函数Function函数名（参数,变元）{函数体;.Return表达式;}说明：当调用函数时,所用变量或字面量均可作为变元传递。函数由关键字Function定义。函数名：定义自己函数的名字。参数表，是传递给函数使用或操作的值，其值可以是常量，变量或其它表达式。通过指定函数名（实参）来调用一个函数。必须使用Return将值返回。函数名对大小写是敏感的JavaScript函数在函数的定义中，我们看到函数名后有参数表，这些参数变量可能是一个或几个。那么怎样才能确定参数变量的个数呢？在JavaScript中可通过arguments.Length来检查参数的个数。Functionfunction_Name(exp1,exp2,exp3,exp4){Number=function_Name.arguments.length;if(Number1）document.wrile(exp2);if(Number2)document.write(exp3);if(Number3)document.write(exp4);}错误处理基本语句try/throw/catchtry{语句块…thrownewError(“…”);}catch(errMsg){alert(errMsg.message);}eg:functionAge(){try{varm=age;varn=20;document.write(parseInt(m)+n);//抛出语句thrownewError(notavalidnumber);}catch(errMsg){alert(errMsg.message);}}四、内置对象1.对象化编程2.对象的基本知识3.内置对象4.String字符串5.Array数组6.Math7.Date日期8.全局对象9.自定义构造函数10.自定义对象11.expando属性12使用原型对象13.数组对象14.With语句对象化编程JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象，从而进一步扩大JavaScript的应用范围，增强编写功能强大的Web文文件。对象的基本知识对象是可以从JavaScript“势力范围”中划分出来的一小块，可以是一段文字、一幅图片、一个表单（Form）等等。每个对象有它自己的属性、方法和事件。对象的属性是反映该对象某些特定的性质的，例如：字符串的长度、图像的长宽、文字框（Textbox）里的文字等