HTML5+CSS3+JavaScript+Bootstrap网站开发实用技术（第3版）课件 第5章 让网页动起来—使用JavaScript技术.pptx

第5章让网页动起来—使用JavaScript技术JavaScript概述1JS语言基础2表达式与运算符3JS控制结构与函数4应用案例5小结6

5.1JavaScript简介JavaScript是一种脚本语言，是介于HTML与高级编程语言(Java、VB和C++等)之间的特殊语言。脚本是一种能完成某些功能的小程序段，由一组可以在Web服务器或客户端浏览器运行的命令组成。脚本语言可嵌入HTML页面，并被浏览器解释执行。使用脚本可以使网页具有动态效果和交互功能。

5.1JavaScript简介（1）脚本编写语言（2）基于对象（3）简单性（4）安全性（5）动态性（6）跨平台性5.1.1JavaScript的概念和特点

5.1JavaScript简介5.1.2第一个JavaScript程序脚本编写工具Notepad++、UltraEdit、DreamweaverCS6等编辑工具可用来编写脚本WebStormJavaScript程序的编写和运行（1）启动DreamweaverCS5新建HTML文件。（2）在body与/body标记中输入代码。（3）保存为.html或.htm文件。

5.1JavaScript简介在Dreamweaver中输入程序代码运行结果

5.1JavaScript简介调试JavaScript程序程序错误分为语法错误和逻辑错误两种。语法错误是指在程序中存在不符合语言规则的语句。例如，错误地使用了JavaScript的关键字错误地定义了变量名称等。

5.1JavaScript简介

5.1JavaScript简介DreamweaverCS6的错误智能提示功能

5.2JavaScript语言基础5.2.1JavaScript语法格式将JavaScript程序代码直接嵌入到HTML文件中，这是最常见的使用JavaScript方法。scriptlanguage=javascriptrunat=server!--statements;//--/script

5.2JavaScript语言基础属性language是script标记的基本属性。一般被指定为JavaScript或VBScript。runat=server表示该段脚本在服务器端执行，如果省略，则表示该段脚本将发送到客户端运行。。!--...//--是HTML注释语句。可以保证不识别script标记的浏览器忽略JavaScript代码。JavaScript语言区分字符大小写。

5.2JavaScript语言基础5.2.1JavaScript代码书写位置在body和/body标记之间嵌入JavaScript。在head和/head标记之间嵌入JavaScript。引用外部的JavaScript文件。示例：demo0502.html

5.2JavaScript语言基础5.2.3JavaScript语句语句结束标志和Java、C语言类似，JavaScript使用分号;表示一条语句的结束；而与Java、C语言不同的是，用分号结束一条语句并不是强制性的要求。语句块一组大括号{}内的JavaScript语句称为语句块，一个语句块内的语句可以被当作一条语句处理。

5.2JavaScript语言基础5.2.4JavaScript注释为了增加程序的可读性，以便于日后修改和维护代码，可以在JavaScript程序中为代码添加注释。JavaScript中注释可分为单行注释和多行注释。单行注释用两个斜杠//来表示多行注释则用“/﹡”开始，以“﹡/”结束。

5.2JavaScript语言基础5.2.5数据类型JavaScript中的数据类型分为3类，分别是3种基本数据类型、2种复合数据类型和两种特殊数据类型。1．基本数据类型（1）数值型数值型既可以代表整型也可以代表浮点型，在JavaScript中，数值型包含了整型和浮点型。例如：num1=12.3;num2=0123; //表示八进制数“123”num3=0xEF; //表示十六进制数“EF”num4=3.5e11; //表示的是3.5×1011

5.2JavaScript语言基础（2）字符型字符型数据是用引号（）或单引号（）括起来的零个至多个字符。例如：str1=IlikeJavaScript! //双引号定界符str2=IlikeJavaScript! //双单引号定界符str3=IlikeJavaScript!//双引号中包含单引号str4=IlikeJavaScript!//单引号中包含双引号（3）布尔型布尔型用于逻辑运算，通常用来说明一种状态或表示比较的结果。布尔