第6章 JavaScript技术基础.pptVIP

第6章 JavaScript技术基础 6.1 JavaScript简介 脚本（Script）实际上就是一段程序，用来完成某些特殊的功能，脚本程序既可以在服务器端运行（称为服务器脚本），如PHP、ASP，也有可以直接在浏览器端运行（称为客户端脚本）。 JavaScript最早是由Netscape公司推出的一种基于对象（Object）和事件驱动（Event Driven）的脚本语言。 6.1 JavaScript简介 脚本编写语言 基于对象的语言 易用性 安全性 动态交互性 跨平台性 6.1 JavaScript简介 基于对象和面向对象 解释和编译 代码格式不一样 嵌入方式不一样 静态联编和动态联编 6.1 JavaScript简介 例：第一个JavaScript程序 html headtitle第一个JavaScript程序/titlehead body script language=javascript function rec() { alert(Hello 欢迎学习JavaScript!) } /script form input name=button type=button onclick=rec() value=运行程序br /form /body /html 6.2 把JavaScript加到网页中的方法 JavaScript的脚本程序包括在HTML中，使之成为HTML文档的一部分。 其格式为： script language =JavaScript JavaScript语言代码; JavaScript语言代码; … /script 6.2 把JavaScript加到网页中的方法 特别说明： 在script language =“JavaScript”…/script中的程序代码有大、小写之分。 例，如将document.write()写成Document.write()，程序将无法正确执行。 在一个HTML文档中，可以有多个脚本程序块，浏览器将依次执行。 6.2 把JavaScript加到网页中的方法 引用外部脚本文件的格式为： head … script src=脚本文件名.js type=text/javascript/script … /head 6.2 把JavaScript加到网页中的方法 脚本文件的扩展名为.js，内容是脚本，不能包含HTML标记。 其格式为： JavaScript语言代码; // 注释 JavaScript语言代码; … JavaScript语言代码; 6.2 把JavaScript加到网页中的方法 例：HTML文件的内容为 html head title链接脚本文件示例/title script src=test.js type=text/javascript /script /head body bgcolor=ivory h3 style=font:12pt; font-family:黑体; color:blue; text-align:center祝你学好JavaScript！/h3 /body /html 6.2 把JavaScript加到网页中的方法 可以在HTML表单的输入标签内添加脚本，以响应输入的事件。 例： html headtitleJavaScript 示例/title/head body form input type=button onClick=javascript:alert(使用JavaScript编程!); value=学习动态网页技术 /form /body /html 6.3 JavaScript的基本数据类型和表达式 JavaScript有4种基本的数据类型 数值类型：包含整数和实数。 字符类型：用单引号’或双引号”括起来的字符或数值 布尔类型：使用True或False表示 空值：null 在JavaScript的基本类型中的数据可以是常量，也可以变量。 6.3 JavaScript的基本数据类型和表达式 1、基本常量 （1）字符型常量 用单引号’或双引号”括起来的字符或数值，如’1’，”abcABC123”，”This is a book” （2）数值型常量 整型常量：整型常量可以使用十进制、十六进制、八进制表示其值。 实型常量：实型常量由整数部分加小数部分表示，如12.32。也可使用科学或标准方法表示：6E8、2.6e5等。 6.3 JavaScrip