javascript学习课件.ppt

《javascript学习课件.ppt》由会员分享，可在线阅读，更多相关《javascript学习课件.ppt（18页珍藏版）》请在三一办公上搜索。

1、JavaScript课程,目的与目标,能够熟练的使用JavaScript语言对页面中的元素进行动态操作，对Form中的控件可以进行合法性，有效性校验等等。,第一章:JavaScript简介,JavaScript 历史,JavaScript是由Netscape公司开发的一种脚本语言，结构简单，使用方便，对用户自身知识水平的要求并不高，易学易懂。Netscape将这种脚本语言命名为LiveScript，它的整个语法以Java为基础，但比Java要简单，同时，由于它是一种脚本语言，所以无需编译，可由浏览器直接解释运行，而不象Java那样需要经过编译。Netscape见LiveScript大有发展前途

2、，而SUN也觉得可以利用Livescript为Java的普及做铺垫，于是两家签订协议，将LiveScript改为JavaScript，造就了这个强力的WEB页开发工具。,JavaScript的特点,1.JavaScript是一种脚本语言语法和规则没有可编译的编程语言那样严格和复杂。2.JavaScript是基于对象的语言 面向对象程序设计力图将程序设计为一些可以完成不同功能的独立部分(即对象)的组合体。基于对象的语言本身已具有创建完成的对象。例如，“日期”对象。,JavaScript的特点,3.JavaScript是事件驱动(或者说是动态性)的语言 当你在Web主页中进行某种操作时，就产生了一

3、个“事件”。事件几乎可以是任何事情:敲击一个按钮、拖动鼠标等均可视为事件。JavaScript是事件驱动的，当事件发生时，它可对之作出响应。具体如何响应某个事件取决于你的事件响应处理程序。4:简单性 JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计,从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。,JavaScript的特点,5.JavaScript是安全的语言JavaScript被设计为通过浏览器来处理并显示信息，但它不能修改其它文件中的内容。也就是说，它不能将数据存储在Web服务器或用户的计

4、算机上，更不能对用户文件进行修改或删除操作。6.JavaScript是平台无关的语言对于一般的计算机程序，它们的运行与平台有关。例如，除非你使用一个仿真器来模拟Windows环境，否则不可能在Macintosh上运行一个Windows应用程序。JavaScript则并不依赖于具体的计算机平台（虽然有一些限制），它只与解释它的浏览器有关。不论你使用Macintosh还是Windows，或是UNIX版本的NetscapeNavigator，JavaScript都可正常运行。,JavaScript的功能,JavaScript的功能总体可以归结为两类：1、交互性使用JavaScript可以大大加强WE

5、B页的交互性，如轻松的在你的WEB页中加入按钮，显示带有控制的文本，建立交互式表格等。2、动态性JavaScript可以使WEB页上显示的文本信息动起来或是加入一些动画，从而使你的WEB页看上去活泼诱人。,JavaScript的好处,含脚本的页面只要下载一次，这样，能减少不必要的网络通信。脚本程序是由浏览器客户端执行，而不是由服务器端执行的，因此能减轻服务端的压力。,JavaScript的局限性,JavaScript为Web内容设计人员提供了极大的灵活性和控制手段。它是一种优秀的“粘合剂”，能够将一个Web节点中的不同组成部分捆绑在一起，成为一个紧密结合的信息源。然而，像任何事物一样，Java

6、Script也有它的局限性。浏览器相关的局限性：IE,Nectscape 平台相关的局限性:Windows,Unix,JavaScript与HTML,在HTML文档里面，标签对内包容了和标签对。标签对内包容了标签对,标签对内的文字串是显示窗口的标题。标签对内包容了显示页面的内容。JavaScript的基本成分变量、函数和事件处理方法和HTML代码编织在一起，变量和函数被包容在新标签对内，而标签对则一般放在标签对内；事件处理方法可以被包容在任何中的标签对内，用于响应某事件，激发某 JavaScrip函数。,脚本代码的位置,放置在标签对内,且标签对放在html文件中。例如:alert(“您好，腾飞

7、欢迎您”);,脚本代码的位置,你可以将JavaScript文件在HTML文件外面存放！把你的零碎们放到一起，起个名字，再给它个js的文件尾。(好处)非常重要：js文件里不能有 例如：把test.js文件链接到HTML文件中的句型如下：,脚本代码的位置,将脚本程序代码作为属性值：例如：1:javascript测试 2:input type=“button”value=“测试”onclick=“alert(事件属性设置值的测试)”,标记常用属性及说明,language 设置使用的脚本语言及版本src 设置一个外部脚本文件的路径位置type 设置所使用的脚本语言，此属性已代替 language属性。

8、defer 使用defer属性可以让脚本在整个页面装载完成之后再解析，而非边装载边解析。这对于只包涵事件触发的js脚本而言，可以提高整个页面的加载速度。,标记常用属性及说明,使用defer属性时应注意：1：不要在defer型的脚本程序段中调用document.write命令，因为document.write将产生直接输出效果。2：而且，不要在defer型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。,JavaScript与HTML,example alert(欢迎光临本网站);2级标题,解决浏览器不支持javascript的问题,一般有两种方法：html注释符号 标记对 如果浏览器支持，则忽略掉标签对。如果浏览器不支持javascript脚本，浏览器会把标记对之间的内容显示出来。,