【传智播客.Net培训】视频课件：javascript语言基础

—高级软件人才实作培训专家传智播客.Net培训实训视频下载l传智播客发布了2010年最新的.Net课堂视频教程，内容涉及C#、HTML、JavaScript、JQuery、ASP.Net等内容，覆盖了从C#初学到ASP.Net深层应用的各阶段知识，内容列表如下：l第1季C#编程基础；第2季C#面向对象基础；3季WinForm基础；第4季SQL从入门到提高；第5季ADO.Net；第6季HTML；第7季JavaScript；第8季Dom；第9季JQuery；第10季asp.net基础；第11季asp.net中级；第12季asp.net高级；第13季ajax。l传智播客.Net培训视频教程免费下载地址：传智播客.Net培训（），学费只要5800元PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家北京传智播客教育语言基础讲师：杨中科PDF文件使用pdfFactoryPro试用版本创建ÿ—高级软件人才实作培训专家课前说明l内容：JavaScript语言。JavaScript语法很多和C#、Java、C等语言类似，因此本课只讲JavaScript特有的语法，不会再讲解编程的基本原理。l目标：掌握JavaScript语法，为Dom编程和JQuery打基础。l参考书：张孝祥《JavaScript网页开发——体验式学习教程》PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家什么是JavaScriptlHTML只是描述网页长相的标记语言，没有计算、判断能力，如果所有计算、判断（比如判断文本框是否为空、判断两次密码是否输入一致）都放到服务器端执行的话网页的话页面会非常慢、用起来也很难用，对服务器的压力也很大，因此要求能在浏览器中执行一些简单的运算、判断。JavaScript就是一种在浏览器端执行的语言。lJavaScript的Java没直接的关系，唯一的关系就是JavaScript原名LiveScript，后来吸收了Java的一些特性，升级为JavaScript。JavaScript有时被简称为JS。lJavaScript是解释型语言，无需编译就可以随时运行，这样哪怕语法有错误，没有语法错误的部分还是能正确运行。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家JS的开发环境lVS中JavaScript、JQuery的自动完成功能：在VS2010中直接有，VS2008需要安装VisualStudio2008SP1（=zh-cn&familyid=27673c47-b3b5-4c67-bd99-84e525b5ce61）和VS90SP1-KB958502-x86（=1736）补丁会更强更好用。如果实在“.”不出来也没关系，不影响运行。注意：先安装2008SP1，再安装VS90SP1-KB958502-x86。lJS是非常灵活的动态语言，不像C#等静态语言那样严谨，开发工具中的JS完成功能只是一个辅助、建议，“.”出来的成员调用可能不能用，“.”不出来的成员也许也能调用，因此不要因为“点儿不出来”而担心代码有问题。lVS2008的HTML编辑器中触发JavaScript自动完成：Ctrl+J。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家JS入门lscripttype=text/javascriptlalert(newDate().toLocaleDateString());l/scriptlscriptlanguage=....已经不推荐使用。lJavaScript代码放到script标签中，script可以放到head、body等任意位置，而且可以有不止一个script标签。alert函数是弹出消息窗口，newDate()是创建一个Date类的对象，默认值就是当前时间。JS是大小写敏感的。l放到head中的script在body加载之前就已经运行了。写在body中的script是随着页面的加载而一个个执行的。l除了可以在页面中声明JavaScript以外，还可以将JavaScript写到单独的js文件中，然后在页面中引入：scriptsrc=test.jstype=text/javascript/script。声明到单独的js文件的好处是多页面也可以共享、减小网络流量。js文件的CDN(*)l注意：不要写成scriptsrc=test.jstype=text/javascript/否则会有问题，这是一个比较特殊的地方。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家事件l在超链接的点击里执行JavaScript：ahref=javascript:alert(88)发发/alJavaScript中也有事件的概念，当按钮被点击的时候也可以执行JavaScript：•inputtype=buttononclick=alert(99)value=久久/•只有超链接的href中的JavaScript中才需要加“javascript:”，因为它不是事件，而是把“javascript:”看成像“http:”、“ftp:”、“thunder://”、“ed2k://”、mailto:一样的网络协议，交由js解析引擎处理。只有href中这是这是一个特例。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家JS的变量lJavaScript中即可以使用双引号声明字符串，也可以使用单引号声明字符串。主要是为了方便和html集成，避免转义符的麻烦。lJavaScript中有null、undefined两种，null表示变量的值为空，undefined则表示变量还没有指向任何的对象，未初始化。两者的区别参考资料。lJavaScript是弱类型，声明变量的时候无法：inti=0；只能通过vari=0;声明变量，和C#中的var不一样，不是C#中那样的类型推断。lJavaScript中也可以不用var声明变量，直接用，这样的变量是“全局变量”，因此除非确实想用全局变量，否则使用的时候最好加上var。lJS是动态类型的，因此vari=0;i=abc;是合法的。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家JS除错与调试l如果JavaScript中的代码有语法错误，浏览器会弹出报错信息，查看报错信息就能帮助排查错误。lJavaScript的调试，使用VS可以很方便的进行JavaScript的调试，调试时需要注意几点：•IE6的调试选项要打开，Internet选项→高级，去掉“禁用脚本调试”前的勾选。•以调试方式运行网页。•设置断点、监视变量等操作和C#一样。l案例：用循环语句的方法计算1到100之间整数的和PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家传智播客.Net培训实训视频下载l传智播客发布了2010年最新的.Net课堂视频教程，内容涉及C#、HTML、JavaScript、JQuery、ASP.Net等内容，覆盖了从C#初学到ASP.Net深层应用的各阶段知识，内容列表如下：l第1季C#编程基础；第2季C#面向对象基础；3季WinForm基础；第4季SQL从入门到提高；第5季ADO.Net；第6季HTML；第7季JavaScript；第8季Dom；第9季JQuery；第10季asp.net基础；第11季asp.net中级；第12季asp.net高级；第13季ajax。l传智播客.Net培训视频教程免费下载地址：传智播客.Net培训（），学费只要5800元PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家判断变量初始化JavaScript中判断变量、参数是否初始化的三种方法：varx;if(x==null){alert(null);}if(typeof(x)==undefined){alert('undefined');}if(!x){alert('不x');}if(x){}//变量被初始化了或者变量不为空或者变量不为0.推荐用最后一种方法。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家函数的声明lJavaScript中声明函数的方式：functionadd(i1,i2){returni1+i2;}intadd(inti1,inti2)//C#写法l不需要声明返回值类型、参数类型。函数定义以function开头。varr=add(1,2);alert(r);r=add(你好,tom);alert(r);lJavaScript中不像C#中那样要求所有路径都有返回值，没有返回值就是undefined。l易错：自定义函数名不要和js内置、dom内置方法重名，比如selectall、focus等函数名不要用。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家匿名函数varf1=function(i1,i2){returni1+i2;}alert(f1(1,2));l类似于C#中的匿名函数。l这种匿名函数的用法在JQuery中的非常多lalert(function(i1,i2){returni1+i2;}(10,10));//直接声明一个匿名函数，立即使用。用匿名函数省得定义一个用一次就不用的函数，而且免了命名冲突的问题，js中没有命名空间的概念，因此很容易函数名字冲突。通过例子发现一旦命名冲突以最后声明的为准l必须scriptsrc=my1.jstype=text/javascript/script不能：scriptsrc=my1.jstype=text/javascript/PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家JS面向对象基础（*）lJavaScript中没有类的语法，是用函数闭包（closure）模拟出来的，下面讲解的时候还是用C#中的类、构造函数的概念，JavaScript中String、Date等“类”都被叫做“对象”，挺怪，方便初学者理解，不严谨。JavaScript中声明类（类不是类，是对象）：lfunctionPerson(name,age){lthis.name=name;lthis.age=age;lthis.SayHello=function(){lalert(你好，我是+this.name+，我+this.age+岁了);l}l}lvarp1=newPerson(tom,20);lp1.SayHello();l必须要声明类名，functionPe