JavaScript学习教程(全)

JavaScript学习教程主要内容一．概述二．编程基础三．事件驱动四．内置对象五．浏览器对象JavaScript是由网景公司开发的一种跨平台，面向对象(object-oriented)的网页脚本语言(WebScriptLanguage)，是目前流行的网页特效设计语言。JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行。JavaScript概述1.什么是JavaScript脚本语言？(1)脚本语言(ScriptingLanguage)？由ASCII码构成，可直接用任何的文本编辑器开发完成。是一种不必事先编译，只要利用适当的解释器(Interpreter)就可以执行的简单的解释式程序。(2)JavaScript？JavaScript是由网景公司开发的一种跨平台，纯面向对象(object-oriented)式的网页式脚本语言(WebScriptLanguage)。JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器的解释器来解释执行。JavaScript概述脚本编写语言基于对象的语言简单性安全性动态性跨平台2.JavaScript的特点JavaScript概述制作网页特效提供表单前端验证窗口动态操作提高系统工作效率3.JavaScript的功能JavaScript概述在HTML标记中直接写入JavaScript代码例：HTMLBODYPonmouseover=alert('欢迎您学习JavaScript!')鼠标移过来/P/BODY/HTML4.在HTML文档中嵌入JavaScript代码JavaScript概述将JavaScript代码放入Script…/Script标记符中例如：scriptdocument.write(欢迎您学习JavaScript!);/script4.在HTML文档中嵌入JavaScript代码JavaScript概述将代码独立存储为以.js为扩展名的文件，利用SRC属性将该文件调入例如：scriptsrc=welcome.js/scriptwelcome.js文件内容如下：document.write(欢迎您学习JavaScript!);4.在HTML文档中嵌入JavaScript代码JavaScript概述为避免某些浏览器不完全支持JavaScript，而造成错误，可将JavaScript代码用注释语句括起来例如：Script!--……--/Script4.在HTML文档中嵌入JavaScript代码JavaScript概述数值(Number)：包含整数或浮点数。逻辑值(Logical)：取值为true或false。字符串(String)：用单引号或双引号括起来的零个或多个单一的字符所组成。空值(null)：表示没有值，取唯一值”null”，大小写敏感。未定义值(undefined)：表示尚未定义值。注：null不能写成Null或NULL。null既不等于“0”，也不等于“空字符串”。因为“0”是数值，“空字符串”是字符串。1.数据类型JavaScript编程基础a)自动数据类型转换如果表达式中用（+）运算符，且其中一个操作数为字符串，另一个操作数为数值时，JavaScript自动将数值转成字符串。例如：varx=”我今年”+18;结果：x=“我今年18”varx=”15”+8结果：x=158vary=15+8;结果：y=23如果表达式中用了其它运算符，JavaScript自动将字符串转成数值。例如：varx=”30”/5;结果：x=6vary=”15”-“8”;结果：y=7举例2.数据类型转换JavaScript编程基础b)数据类型转换函数eval(字符串)：将传入的字符串参数内容，转换成相应的数值，例如：y=eval(“15”)+8;结果：y=23parseInt(字符串，[底数])：将传入的字符串，转换成指定底数的数值。parseFloat(字符串)：将传入的字符串，转换成浮点数值。2.数据类型转换JavaScript编程基础3.变量JavaScript编程基础a)变量命名以字母或下划线开头（不能以数字开头），后面接数字或其它字母。变量名区分大小写。例：scriptvarA=UppercaseA;vara=Lowercasea;document.write(A);document.write(br);document.write(a);/script3.变量JavaScript编程基础b)变量的声明变量声明时，不必定义类型，所有类型均由小写的var声明。例如：varname;（JavaScript自动给出一个未定义值）varname,sex;（JavaScript自动给出一个未定义值）varname=”张永”，sex=”女生”；(二变量均为字符串)3.变量JavaScript编程基础c)变量的作用域：全局变量(Globalvariable)和局部变量(Localvariable)。Scriptdocument.title=变量的作用域实例;vargv=JavaScript;//gv是全局变量document.write(test函数的输出：br);test();functiontest(){varlv=VBScript;//lv是局部变量document.write(gv=+gv+br);document.write(lv=+lv+br+br);}document.write(document的输出：br);document.write(gv=+gv+br);document.write(lv=+lv+br);/Script4.常量JavaScript编程基础a.字符串常量（StringLiterals）一般字符串常量特殊字符的字符串常量b.布尔常量（BooleanLiterals）：true或false。c.整数常量（IntegersLiterals）d.浮点常量（Floating-PointLiterals）e.数组常量（ArrayLiterals）字符意义字符意义\b后退一格(Backspace)\t制表(Tab)\f换页(Formfeed)\’单引号\n换行(Newline)\”双引号\r返回(Carriagereturn)\\反斜线(Backslash)5.运算符与表达式JavaScript编程基础a)赋值运算符运算符意义运算符意义=x=5/=x=x/y+=x=x+y%=求余赋值-=x=x-y*=x=x*y5.运算符与表达式JavaScript编程基础b)比较运算符操作符描述举例A==B如果两个操作数相等，返回truePsw=passwordA!=B如果两个操作数不等，返回truemobile.length!=11A=B如果A大于或者等于B，返回truetries=2aB如果A大于B，返回truemflag20A=b如果A小于或等于B，返回truei=0AB如果A小巧或等于B，返回truetries105.运算符与表达式JavaScript编程基础c)算术运算符运算符意义运算符意义运算符意义+加(Addition)/除(Division)--递减(Decrement)-减(Subtraction)%求余(Modulus)-取负值(UnaryNegation)*乘(Multiplication)++递增(Increment)5.运算符与表达式JavaScript编程基础d)逻辑运算符a&&b：逻辑与(LogicalAND)，若a,b都是ture，则结果为ture。a||b：逻辑或(LogicalOR)，若a,b任一是ture，则结果为ture。!a：逻辑非(LogicalNOT)，若a是ture，则结果为false。5.运算符与表达式JavaScript编程基础e)字符串运算符（Stringoperators）f)条件运算符（？）格式：条件表达式？值1：值2如果条件表达式的结果是ture，返回值1，否则就返回值2。g)new：定义对象实例。语法：对象名称=new对象类型（参数）例如：myArray=newArray(3)5.运算符与表达式JavaScript编程基础h)delete：删除对象、属性、数组、变量格式：delete对象名delete对象名.属性名delete数组名[索引值]delete变量名注：删除成功返回true，删除失败返回flasei)typeof：用来判断操作数的类型格式：typeof操作数或typeof（操作数）j)this：代表当前对象，因此用在不同的地方，就有不同的结果。6.程序控制流程JavaScript编程基础a)选择结构if逻辑表达式语句else语句if逻辑表达式{语句组}else{语句组}if逻辑表达式{语句组}elseif逻辑表达式{语句组}else{语句组}6.程序控制流程JavaScript编程基础a)选择结构Switch结构：switch(变量){case特定数值1：语句或语句组；case特定数值2：语句或语句组；default：语句或语句组；}6.程序控制流程JavaScript编程基础b)循环结构while(逻辑表达式){语句组}Scriptvari=5;while(i0){document.write(i=,i,BR);i--;}/Script6.程序控制流程JavaScript编程基础b)循环结构do{语句或语句组}while(逻辑表达式)Scriptvari=5;do{document.write(i=,i,BR);i--;}while(i0)/Script6.程序控制流程JavaScript编程基础b)循环结构for([初始值]；[条件]；[增量]){语句或语句组}Scriptfor(vari=5;i0;i--){document.write(i=,i,BR);}/Script6.程序控制流程JavaScript编程基础b)循环结构for(变量in对象){语句或语句组}6.程序控制流程JavaScript编程基础b)循环结构with(对象){语句或语句组}Scriptdocument.write(限时抢购物品：);document.write(LiViewSonic17\显示器。);document.write(LiEPSON打印机。);/ScriptScriptwith(document){write(限时抢购物品：);write(LiViewSonic17\显示器。);write(LiEPSON打印机。);}/Script6.程序控制流程JavaScript编程基础c)注释语句//单行注释语句/*多行注释语句*/JavaScript包含两类函数：•系统函数•用户自定义函数7.JavaScript函数JavaScript编程基础1)编码函数功能：将字符串中非文字、数字字符（如&,%,#,^,空格符…）转成相对应的ASCII值。语法：escape(字符串)2)译码函数功能：与escape()相反，将ASCII字符转回一般数字。语法：unescape(字符串)3)求值函数功能：通常有两个用途，一个用作字符串的运算，另一个用来指出操作对象。语法：eval(表达式)JavaScript编程基础4)数值判断函数功能：判断变量的值是否为数值，“NaN”代表“NotaNumber”，若返回值为true，则表示自变量不是数值。语法：isNaN(测试值)举例：Scriptvarx=15,y=黄雅玲;document.write(LIx不是数值吗？,isNaN(x));document.write(LIy不是数值吗？,isNaN(y));/Script执行结果