第5章 JavaScript特效在 网.ppt

第5章 JavaScript特效在网页中的应用 本章内容： JavaScript语言的基本概念和语法； JavaScript语句和函数； JavaScript对象的方法和属性。 §5.1 JavaScript语言的基本概念和语法 5.1.1 JavaScript语言的基本概念 JavaScript是一种基于对象(Object)和事件驱动(Event Driven)的脚本语言。所谓脚本语言，就是可以和HTML语言一起使用的语言。 JavaScript是一种运行于浏览器环境中的语言，被用来向HTML页面添加交互行为。 JavaScript的功能 利用JavaScript可以将文本动态的放入HTML页面； 可以对事件做出响应； 可以读写HTML元素； 可被用来验证用户输入的数据； 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面等等。 JavaScript程序的主要特点 解决人机交互问题。 下面通过记事本，编写第一个JavaScript程序。通过这个例子可以说明JavaScript的脚本是怎样嵌入到HTML文档中的，以便对JavaScript有一个大概的认识。 【例5-1】在页面中输出字符串。 html head title第一个JavaScript程序/title script Language=JavaScript !-- document.write(欢迎进入JavaScript 精彩世界!); //输出字符串 -- /script /head /html 基本语法说明 ① 在标记 script Language=JavaScript…/script之间可以加入JavaScript脚本。 ② 脚本标记script必须以script Language=JavaScript开头，以/script结束，界定程序开始的位置和结束的位置。 ③ JavaScript语言提供了注释，其作用是为代码添加阅读说明。注释有两种：一是以 // 开始的单行注释，二是以 /* 开头，以 */ 结尾的多行注释。浏览器在解释脚本语句时，忽略注释。 基本语法说明（续） ④ 在书写JavaScript程序时，每条语句后面加一个分号“；”。 ⑤ JavaScript程序本身不能独立存在，它依附于某个HTML页面，在浏览器端运行。 如果把脚本放置到head部分，在页面载入的时候，就同时载入了代码。通常这个区域的JavaScript代码是为body区域程序代码所调用的事件处理函数。 如果把脚本放置于body部分后，在页面载入时不属于某个函数的脚本就会被执行，执行后的输出就成为页面的内容。下面给出了位于head部分的代码和位于body部分的代码。 位于head部分的代码实例 html title位于head部分的代码/title head script Language=JavaScript function show(){ alert(欢迎进入JavaScript 精彩世界! ); } /script /head body onload=show() //调用head部分的函数show() /body /html 位于body部分的代码实例 html title位于body部分的代码/title body onload=alert欢迎进入JavaScript 精彩世界! ); /body /html 2. JavaScript语言的特点 JavaScript语言具有以下基本特点： ① JavaScript是一种解释性脚本语言。它采用小程序段的方式实现编程，并与HTML标记结合在一起，从而方便用户的使用操作。 ② JavaScript是一种基于对象的语言。用户可以直接使用对象，而不必创建对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 ③ JavaScript的变量类型采用弱类型。没有使用严格的数据类型，因此易于操作和维护。 2. JavaScript语言的特点(续) ④ JavaScript是一种安全性语言。它不允许访问本地的磁盘，并不能将数据存放到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据丢失。 ⑤ JavaScript是动态的。它可以直接对用户的输入做出响应，无须经过web服务程序。它对用户的响应是采用事件驱动的方式进行的。事件驱动是指在主页(Home Page)中执行了某种操作所产生的动作，就称为事件。例如，单击或双击鼠标等。 ⑥ JavaScript是一种跨平台语言。只要能运行浏览器的计算机，并且浏览器支持JavaScript，就可以正确执行。 5.1.2 JavaScript语言的基本语法 1．常量 Java