《某著名公司的javascript培训教程》由会员分享，可在线阅读，更多相关《某著名公司的javascript培训教程（115页珍藏版）》请在金锄头文库上搜索。
1、Neusoft Co., Ltd.Beyond TechnologyJavaScript(Ver1.0) 演讲人：丁海波Neusoft Co., Ltd.目的与目标能够熟练的使用JavaScript语言对 页面中的元素进行动态操作，对 Form中的控件可以进行合法性，有 效性校验等等。Neusoft Co., Ltd.课程概述本课程主要是介绍JavaScript语言 的语法，如何使用JavaScript对页面 中的元素进行动态操作和对页面中可 输入，可选择的控件进行校验等。Neusoft Co., Ltd. 第一章: JavaScript简介 第二章: JavaScript基本语法 第三掌 J
2、avaScript对象 第四章 在浏览器中使用Neusoft Co., Ltd.第一章: JavaScript简介Neusoft Co., Ltd.JavaScript 历史JavaScript是由Netscape公司开发的一种脚本语言，结构简单，使用 方便，对用户自身知识水平的要求并不高，易学易懂。 Netscape将这种脚本语言命名为LiveScript，它的整个语法以Java为 基础，但比Java要简单，同时，由于它是一种脚本语言，所以无需编译，可 由浏览器直接解释运行，而不象Java那样需要经过编译。 Netscape见LiveScript大有发展前途，而SUN也觉得可以利用 Live
3、script为Java的普及做铺垫，于是两家签订协议，将LiveScript改为 JavaScript，造就了这个强力的WEB页开发工具。Neusoft Co., Ltd.JavaScript的特点1.JavaScript是一种脚本语言 语法和规则没有可编译的编程语言那样严格和复杂，主要用于 格式化文本和使用以编程语言编写的已编译好的组件。 2.JavaScript是基于对象的语言 面向对象程序设计力图将程序设计为一些可以完成不同功能的 独立部分(即对象)的组合体。基于对象的语言本身已具有创建完成 的对象。例如，“日期”对象。 3.JavaScript是事件驱动的语言 当你在Web主页中进行某
4、种操作时，就产生了一个“事件”。事 件几乎可以是任何事情:敲击一个按钮、拖动鼠标等均可视为事件。 JavaScript是事件驱动的，当事件发生时，它可对之作出响应。具 体如何响应某个事件取决于你的事件响应处理程序。Neusoft Co., Ltd.JavaScript的特点4.JavaScript是安全的语言 JavaScript被设计为通过浏览器来处理并显示信息，但它不能 修改其它文件中的内容。也就是说，它不能将数据存储在Web服务器 或用户的计算机上，更不能对用户文件进行修改或删除操作。 5.JavaScript是平台无关的语言 对于一般的计算机程序，它们的运行与平台有关。例如，除非 你使
5、用一个仿真器来模拟Windows环境，否则不可能在Macintosh上 运行一个Windows应用程序。JavaScript则并不依赖于具体的计算机 平台（虽然有一些限制），它只与解释它的浏览器有关。不论你使 用Macintosh还是Windows，或是UNIX版本的NetscapeNavigator， JavaScript都可正常运行。Neusoft Co., Ltd.JavaScript的功能JavaScript的功能总体可以归结为两类：1、交互性使用JavaScript可以大大加强WEB页的交互性，如轻松的在你 的WEB页中加入按钮，显示带有控制的文本，建立交互式表格等。2、动态性Jav
6、aScript可以使WEB页上显示的文本信息动起来或是加入一 些动画，从而使你的WEB页看上去活泼诱人。Neusoft Co., Ltd.JavaScript与Java语言的比较 JavaScript不是JavaJava是由Sun公司开发,与平台无关的、面向对象的程序设计语言， 它与JavaScript基于对象的结构相反。Java可以用来设计独立的应用程序， 也可以用来创建一种称为Applets的小应用程序。经过编译后，Applets成为 一种平台无关的字节代码，这种Applets可以运行在任何平台上，只要该平台 具备能够操作Applets的Java虚拟机即可。Neusoft Co., Ltd
7、.JavaScript与Java语言的比较 JavaScript与Java之间其它的一些主要区别、Java程序被编译成为字节代码文件；JavaScript则是将字符正文传 递给客户方并由客户方解释执行。、JavaScript是基于对象的，它自身具有已创建完毕的对象；而Java 则是面向对象的，对象必须从类中创建。、JavaScript的代码以字符的形式嵌入在HTML文档中；Javaapplets 则是由文档引用，其代码以字节代码的形式保存在另一个独立的文件中。Neusoft Co., Ltd.JavaScript与Java语言的比较 JavaScript与Java之间其它的一些主要区别、在HT
8、ML文档中，用标识标明JavaScript脚本 ；而Javaapplets则用标识来标明。、JavaScript采用弱类型；而Java则采用强类型。、JavaScript采用动态联编;而Java，则采用静态联编。Neusoft Co., Ltd.JavaScript的局限性JavaScript为Web内容设计人员提供了极大的灵活性和控 制手段。它是一种优秀的“粘合剂”，能够将一个Web节点中的不 同组成部分捆绑在一起，成为一个紧密结合的信息源。然而，像 任何事物一样，JavaScript也有它的局限性。 浏览器相关的局限性：IE,Nectscape 平台相关的局限性:Windows,UnixN
9、eusoft Co., Ltd.JavaScript的局限性 安全性有关的局限性JavaScript的设计目标在于“Web安全性”，它比以前任何一种方 法都更能保证Web的安全(例如：perl和CGI)，这自然是牺牲JavaScript的一 些功能换来的。(1) JavaScript不能打开、读、写、保存用户计算机上的文件。它 有权访问的唯一信息就是它所嵌入的那一个Web主页中的信息。(2) JavaScript不能打开、读、写、保存Web服务器上的文件。尽 管你可以使用它来提交HTML命令，但HTML命令也不能打开那些文件。 Neusoft Co., Ltd.JavaScript与HTML在
10、HTML文档里面，标签对内包容了和标签对。 标签对内包容了标签对, 标签对内的文字串是显示窗 口的标题。标签对内包容了显示页面的内容。JavaScript的基本成分 变量、函数和事件处理方法和HTML代码编织在一起，变量和函数被包容 在新标签对内，而标签对则一般放在标签对内；事 件处理方法可以被包容在任何中的标签对内，用于响应某事件，激发 某 JavaScrip函数。Neusoft Co., Ltd.JavaScript与HTMLjs exampledocument.write(“hello world!”)/可以包含事件响应代码等Neusoft Co., Ltd.JavaScript包含文件
11、你可以将JavaScript文件在HTML文件外面存放！把你的零碎们放到一起 ，起个名字，再给它个js的文件尾。 非常重要：js文件里不能有或其它 注释。例如：把pku.js文件链接到HTML文件中的句型如下： Neusoft Co., Ltd.第二章: JavaScript基本语法Neusoft Co., Ltd.JavaScript的语法结构JavaScript的语言结构既宽松又简单； JavaScript的基本概念： 语句：一条由计算机完成的、帮助你达到某种目的的指令，JavaScript 中的每一行都可认为是一条语句。 变量：一个代表某个值的名字就是变量。 表达式：A=1+B；就是表达
12、式。 函数：具有一定功能的程序段； 1、parseInt可以将字符串转化为整型数。 2、paseFloat将字符串转化为附点数。Neusoft Co., Ltd.JavaScript的数据类型 JavaScript支持的数据类型共有四种 1、数值型：其中包括整型数和浮点型数。 2、布尔型：即逻辑值，true或flase。 3、字符串型：由单个或多个文本字符组成。 4、空值：由关键字null代表。 JavaScript的命名规则 1、变量名中可以包含数字0-9、大写或小写的拉丁字母 和下划线。 2、变量名的首字符必须为字母或下划线。 3、变量名对字母的大小写敏感。 4、变量名的长度必须在一行内。
13、 5、变量名中不能有空格与其它标点符号。Neusoft Co., Ltd.变量与表达式 创建变量 var anumber = 137;/变量的值是一个数 var anumber1=2; var astring = “1”; / 变量的值也可以是一个字符 串 var astring1=“hello”; 表达式 xx=astring1+astring /结果是x=“hello1” xx=anumber+anumber1/结果是xx=139 xx=anumber+astring /结果是xx=“1371” Neusoft Co., Ltd.表达式与操作符 赋值操作符： =、+=、-=、*=、 /=、
14、%=、=、=、 、 布尔操作符： function MyClass(n) this.left = n;this.right = 6;this.result = 0;this.sum = add;x = new MyClass(4); x.sum(); document.write(x.result);Neusoft Co., Ltd.prototype 属性 返回对象类型原型的引用。引用方式： objectName.prototype objectName 参数是对象的名称。Neusoft Co., Ltd.JavaScript的对象: Arrayq 属性：length，它指明了数组的长度。
15、方法： join()将数组值连接变为一个字符串； reverse()将数组值倒序； sort()将对数组值进行排序; AAA=new Array(3); AAA0=“B“; AAA1=“A“; AAA2=“C“; document.write(AAA.length+“); document.write(AAA.join()+“); document.write(AAA.reverse().join()+“); document.write(AAA.sort().join()+“;Neusoft Co., Ltd.JavaScript的对象:Stringq 属性：length属性表明字符串长度。
16、 q 方法 字符串的转换； toUpperCase()将字符串所有字符转为大写； toLowerCase()将字符串所有字符转为小写； toString()将非字符串对象显示转化为字符串。 字符串的处理； substring()将括号中参数所指的字符串片段返回； charAt()返回括号中指定位置字符串的内容； split()根据指定的分隔符把一个字符串划分为一个字符串数组。 如:newstring = astring.substring(index1,index2); / 返回一个位 置在 index1和index2-1之间的字符串，特别是如果 index2 ； 第二种引入方式：将事件处理函数名赋给浏览器为网页创建的相应对象的对应 属性（property） document.forms0
