韩顺平轻松搞定javascriptjs基本语法

—高级软件人才实作培训专家!内容介绍1.课程介绍2.javascript介绍3.javascript开发工具的介绍4.第一个javascript程序(hello!)5.javascript的基本语法(1)主讲韩顺平—高级软件人才实作培训专家!主讲韩顺平课程介绍■为什么要学习javascriptjavascript是实现网页动态效果的的基石,在web开发中扮演重要的角色,被广泛的应用到各个领域:①网页游戏②地图搜索(google,baidu)③股市信息查询④web聊天.....在web开发中，js是必不可少的技术!,同时js也是ajax/jquery/extjs等框架的基础.—高级软件人才实作培训专家!主讲韩顺平课程介绍■为什么要学习javascript—高级软件人才实作培训专家!主讲韩顺平课程介绍■为什么要学习javascript—高级软件人才实作培训专家!主讲韩顺平课程介绍■为什么要学习javascript—高级软件人才实作培训专家!主讲韩顺平课程介绍■javascript基本语法■javascript面向对象编程■bom与dom编程■正则表达式基础呀！—高级软件人才实作培训专家!主讲韩顺平javascript介绍—基本介绍■javaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。?什么是脚本语言①脚本语言介于HTML和C,C++,Java,C#等编程语言之间②脚本语言与编程语言有相似地方，其函数与编程语言类似,也有变量。与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些.③脚本语言是一种解释性语言,例如Python、vbscript,javascript等等,它不象c\c++等可以编译成二进制代码,以可执行文件的形式存在.④脚本语言一般都有相应的脚本引擎来解释执行,javascript的脚本引擎就是浏览器—高级软件人才实作培训专家!javascript介绍—基本介绍■javascript最主要的设计目的就是让网页中的元素可以被编程,也就是让网页动起来，甚至你可以编写js版本的坦克大战游戏。■javascript不能独立运行，它要嵌入到其它编程语言中才能运行(html,asp,asp.net,jsp,php...)■javascript只能用于b(brower浏览器)/s(server服务器)开发,即我们常说的web开发(比如网站开发，web应用等.)■javascript主要针对客户端编程,也就是说js一般运行在客户端■javascript也可以对服务器端编程（比较少啦!）■javascript最新版本是1.8主讲韩顺平—高级软件人才实作培训专家!javascript介绍—发展历史■有一个关于javascript的小故事给各位分享最早是叫livescript,是一种基于对象和事件驱动，并具备安全性的脚本语言,是由netscapce(网景)公司1996开发的，后和sun公司合作，将livescript更名为javascript主讲韩顺平—高级软件人才实作培训专家!javascript介绍—发展历史—高级软件人才实作培训专家!浏览器发展历史☞因为浏览器的差异，我们会看到，在不同的浏览器中使用js编程，会有差异，比如,在给某个控件绑定响应函数时，w3cdom标准是addEventListener(),而ie是使用attachEvent(),还有就是有些方法在ie中可以使用.而在ff中却不能使用，这些都是我们在实际开发中要注意的问题主讲韩顺平—高级软件人才实作培训专家!hello.html你的电脑浏览器js运行原理■js运行原理以js嵌入到html为例说明:①本地运行主讲韩顺平—高级软件人才实作培训专家!■js运行原理以js嵌入到html为例说明:②远程访问运行你的电脑浏览器远程服务器hello.htmlhello.php你可能产生的疑问?①ie是怎样访问到hello.html?(url)②万维网是个什么东东?js运行原理主讲韩顺平—高级软件人才实作培训专家!■万维网()简略图子网js运行原理主讲韩顺平—高级软件人才实作培训专家!js运行原理■万维网()-综合图—高级软件人才实作培训专家!js开发工具■记事本■eclipse■dw■vs2005/2008■JavaScriptEditor■jslint■jsunit■其它..zendstudio主讲韩顺平—高级软件人才实作培训专家!特别说明js开发工具■如何选择开发工具我们先选择用记事本，到大家对javascript有一定了解后，我们再使用高级开发工具。■这是为什么呢?①更深刻的理解javascript技术,培养代码感。②有利于公司面试。主讲韩顺平—高级软件人才实作培训专家!特别说明js开发工具■多查询javascript帮助文档主讲韩顺平—高级软件人才实作培训专家!js语言的特点■Javascript语言是简单的■Javascript是基于对象和事件驱的(动态的)。它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，就称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。■javascript是跨平台的。JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。主讲韩顺平—高级软件人才实作培训专家!js语言的特点■Javascript是脚本编程语言■Javascript是解释执行的■javascript可以对客户端编程，也可以对服务器编程(较少)。主讲韩顺平—高级软件人才实作培训专家!jscriptvsjavascript–简单了解■Javascript和jscript①JSCRIPT是微软的开发的,而JAVASCRIPT则是网景和sun合作开发的②在网景开发livescript(javascript前身)时，微软就意识到这个脚本语言会很火,于是找到网景表示希望合作开发livescript，但是网景公司最终选择和微软的对头sun公司合作开发livescript,并更名为javascript。③微软一气之下，开发了针对ie的脚本语言，并命名为JSCRIPT.在当时的这二种脚本语言中语法是大相径庭,给当时的程序员带来很大的麻烦，后来W3C出面了，W3C统一了标准（ECMAScript）所以现在的这二种脚本语言的语法可以说90以上都是相同的。④在一定程度上，你可以认为jscript和javascript。⑤在网上你搜索javascript帮助手册，完后打开一看是jscript帮助手册，就不足为怪了吧！主讲韩顺平—高级软件人才实作培训专家!helloworld(1)■你的第一个程序,javascript高手都是从这里开始的,这个程序完成一个非常简单的功能，在网页弹出一个对话框显示世界你好!主讲韩顺平—高级软件人才实作培训专家!helloworld(2)■公欲善其事，必先利其器为了能够运行你的程序Hello.html，你安装一个浏览器(ie,firefox,chrome等均可).■js的运行原理请参考前面的js运行原理图主讲韩顺平—高级软件人才实作培训专家!helloworld(3)■hello,world程序改进我们对对hello,world程序加以改进，让它成为一个简单的加法运算程序。■听点①如何定义变量②如何运算主讲韩顺平—高级软件人才实作培训专家!helloworld(4)—为什么需要变量主讲韩顺平—高级软件人才实作培训专家!helloworld(5)—为什么需要变量不论是使用哪种语言编写程序,变量都是其程序的基本组成单位。js是弱数据类型的语言，在定义变量时，不需要指明该变量的类型(由js引擎来决定)varname=“shunping”;//name是字符串varkk=2//kk是数varyy//yy是undefined如果name=234;//这时name自动变成数.不声明变量直接使用x=345;//亦可主讲韩顺平—高级软件人才实作培训专家!JavaScript中的标识符标识符是指JavaScript中定义的符号，例如，变量名，函数名，数组名等。标识符可以由任意顺序的大小写字母、数字、下划线(_)和美元符号($)组成，但标识符不能以数字开头，不能是JavaScript中的保留关键字。合法的标识符举例：indentifier、username、user_name、_userName、$username非法的标识符举例：int、98.3、HelloWorldJavaScript严格区分大小写computer和Computer是两个完全不同的符号JavaScript程序代码的格式每条功能执行语句的最后必须用分号(;)结束，每个词之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开。语句块使用{}来表示JavaScript程序的注释/*…*/中可以嵌套“//”注释，但不能嵌套“/*…*/”。js基本语法主讲韩顺平—高级软件人才实作培训专家!基本数据类型整型实型布尔类型字符串类型数值类型js基本语法—基本数据类型■javascript基本数据类型三大类型主讲韩顺平—高级软件人才实作培训专家!复合数据类型数组对象js基本语法—复合数据类型■javascript复合数据类型主讲韩顺平—高级软件人才实作培训专家!特殊数据类型nullundefinejs基本语法—特殊数据类型■javascript特殊数据类型主讲韩顺平—高级软件人才实作培训专家!Number(数字类型)1、整型常量(10进制\8进制\16进制)十六进制以0x或0X开头，例如：0x8a。八进制必须以0开头，例如：0123。十进制的第一位不能是0（数字0除外），例如：123。２、实型常量12.32、193.98、5E7、4e5等。特殊数值：NaN、Infinity、isNaN()、isFinite()Boolean(布尔值)true和false。String字符串“abookofJavaScript”、‘abc’、“a”、“”。字符串中的特殊字符，需要以反斜杠（\）后跟一个普通字符来表示，例如：\r、\n、\t、\b、\'、\、\\xxxjs基本语法—基本数据类型■javascript基本数据类型三大类型主讲韩顺平—高级软件人才实作培训专家!js基本语法—定义变量、初始化、赋值■定义变量①什么是定义变量?vara;这就是定义了一个变量,变量名是a■初始化变量在定义变量的时候，就给值。vara=45;这就是初始化变量a■给变量赋值比如你先定义了变量:vartt;然后，再给值tt=780;-这就是给变量赋值.主讲韩顺平—高级软件人才实作培训专家!parseInt(),parseFloat()是系统函数，可以直接使用js基本语法—数据类型转换■自动转换请看一个案例:■强制转换如何字符串转成数字?vara=1.2;a=45;a=“韩顺平”；window.alert(a);vara=parseInt(“123”)varb=parseFloat(“12.3”);...//其它后面介绍主讲韩顺平—高级软件人才实作培训专家!js基本语法—运算符■算术运算符这个听其名而知其意.就是用于计算的,javascript常用的是:①+加②-减③*乘④/除⑤%取模其实%运算可以得到两个数相除的余数。请编写一个javascript程序判断两个数是否能够整除?[oper2.html]主讲韩顺平—高级软件人才实作培训专家!■算术运算符⑥++自加⑦--自减这两个运算符比较特殊，请大家思考一下:vara=90;a++;a=a+1这时,a等于多少?varb=89;b--;b=b-1;这时,b等于多少?vara=56;varb=++a;window.alert(b);window.alert(a);js基本