第6章__avaScript网页特效.pptVIP

第6章 JavaScript网页特效 本章主要内容 6.1 JavaScript简介 6.2 在网页中插入JavaScript的方法 6.3 JavaScript的基本语法 6.4 JavaScript对象 6.5 JavaScript事件 6.6 JavaScript特效实例 6.1 JavaScript简介 JavaScript是一种被嵌入HTML网页之中的基于对象和事件驱动编程的脚本语言。脚本实际上就是一段程序，用来完成某些特殊功能。脚本程序分为运行在服务器端的服务器脚本（如ASP、JSP等），和运行在客户端的脚本，JavaScript就属于后者。 6.1 JavaScript简介 JavaScript就是几乎被所有浏览器支持地被广泛应用的脚本语言，具有以下几个特点： JavaScript是一种脚本编写语言，采用小程序段的方式实现编程，也是一种解释性语言，提供了一个简易的开发过程。 JavaScript是一种基于对象和事件驱动的语言，同时也可以看作是一种面向对象的语言。 JavaScript是一种简单的语言。 JavaScript是一种安全性语言。 JavaScript具有跨平台性。 6.2 在网页中插入JavaScript的方法 【例6-1】在HTML文档中，利用JavaScript脚本显示“第一个JavaScript的小实例”字样，同时弹出对话框，显示“欢迎光临！”，代码如下： html head titleJavaScript实例/title script language=JavaScript document.write(第一个JavaScript的小实例); alert(欢迎光临！); /script /head body /body /html 6.2.2 在HTML文档中嵌入脚本程序 JavaScript脚本代码格式为： script language=JavaScript JavaScript语言代码; JavaScript语言代码; … /script 属性language=JavaScript指出使用的脚本语言是JavaScript。script…/script标记内部定义了若干JavaScript语句和函数。script…/script常被插入head…/head或body…/body之间，多数情况下应放到head…/head标记之间，这样可以让JavaScript程序代码先于其他代码被加载执行。 6.2.3 链接脚本文件 可以把脚本保存在一个扩展名为.js的文本文件中，供需要该脚本的多个HTML文件引用，有利于重复利用。要引用外部脚本文件，使用script标记的src属性指定外部脚本文件的URL。其格式为： head … script type=text/javascript src=脚本文件名.js/script … /head type=text/javascript属性定义文件的类型是javascript。Src属性定义.js文件的URL。 如果使用通过这种链接外部脚本的方式，则浏览器只使用外部文件中的脚本，并忽略任何位于script…/script之间的脚本。 6.2.3 链接脚本文件 【例6-2】把例6-1改为链接脚本文件，运行过程和结果相同，代码如下： html head titleJavaScript实例/title script type=text/javascript src=test.js/script /head body /body /html 脚本文件test.js的内容为： document.write(第一个JavaScript的小实例); alert(欢迎光临！); 6.2.4 在标记内添加脚本 可以在HTML表单的input标记内添加脚本，以响应输入的事件。 【例6-3】 在input标记中添加JavaScript的脚本，代码如下： html head titleJavaScript实例/title /head body JavaScript实例 form input type=button onClick=JavaScript:alert(欢迎光临！); value=单击此处 /form /body /html 6.3 JavaScript的基本语法 JavaScript脚本语言同其他语言一样，有基本的数据类型、表达式和算术运算符以及程序的基本框架结构。 6.3.1 常量 JavaScript的常量通常又称字面常量，它是不能改变的数据，主要包括： 整型常量 可以使用十进制、十六进制、八进制表示其值。 实型常量 由整数部分加小数部分表示，