ASP.NET程序设计教程（C#版）第4版 PPT 第7章 JavaScript.ppt

第7章JavaScript本章讲述的主要内容7.1JavaScript的基本概念7.2JavaScript程序设计基础7.3JavaScript对象7.4BOM和DOM对象7.5实训设计浮动图片效果 7.1JavaScript的基本概念7.1.1JavaScript概述JavaScript是一种通用的、跨平台的、基于对象和事件驱动的客户端脚本语言，其主要特点有以下几个方面。(1)弱数据类型(2)跨平台(3)基于对象Transformations，扩展样式表转换）进行数据交换及操作。(4)基于事件驱动7.1JavaScript的基本概念7.1.1JavaScript概述JavaScript代码格式不够严谨，使用比较灵活，但过于随意将会导致代码的可读性降低，不易于后期维护和升级。因此，在编写JavaScript程序时应遵守以下规范。①书写代码时应注意，浏览器解析JavaScript代码时会忽略标识符与运算符之间多余的空格。②书写代码时每条语句一般应独占一行，并以英文分号“;”为结束符。③代码要使用缩进格式编写，以增强其层次感和可读性。④代码中可以使用“//”表示单行注释，使用“/*……*/”表示多行注释。7.1JavaScript的基本概念7.1.2JavaScript的代码编写规范行内JavaScript语句直接将JavaScript代码写在HTML元素的开始标记中。(2)嵌入式JavaScript语句块将JavaScript代码写在<script>……</script>中。(3)使用独立的.js文件7.2JavaScript程序设计基础7.2.1数据类型和变量1.数据类型7.2JavaScript程序设计基础7.2.1数据类型和变量2.变量和运算符声明变量和为变量赋值(2)运算符JavaScript使用的运算符与C#语言的运算符大部分相同。如，算术运算符+、-、*、/；比较运算符<、>、==、>=、<=、!=；布尔运算符&&、||、！等。7.2JavaScript程序设计基础7.2.1数据类型和变量3.变量的作用域变量的作用范围是指可以访问该变量的代码区域。JavaScript中按变量的作用范围分为全局变量和局部变量。①全局变量：可以在整个HTML文档范围中使用的变量，这种变量通常都是在函数体外定义的变量。②局部变量：只能在局部范围内使用的变量，这种变量通常都是在函数体内定义的变量，所以只在函数体内部有效。省略关键字var声明的变量（未定义直接使用的变量），无论在函数体内部还是外部，都是全局变量。7.2JavaScript程序设计基础7.2.2流程控制语句1.分支结构if…elseif…else、switch语句2.循环结构JavaScript的循环结构主要由for语句、while语句和forin语句构成。其中，for语句和while语句与C#中的语法格式及使用方法完全相同，这里不再赘述。C#中的foreach语句在JavaScript中稍有变化，其语法格式如下所示。7.2JavaScript程序设计基础7.2.3JavaScript函数JavaScript内置函数7.2JavaScript程序设计基础7.2.3JavaScript函数2.自定义函数JavaScript除了可以使用预定义函数外，还可以根据需要自定义用于实现特定功能的函数。由于JavaScript是弱类型脚本程序设计语言，故在定义函数时无需声明函数的参数类型和返回值类型。JavaScript的自定义函数分为命名函数、匿名函数、对象函数和自调用函数四种。自定义函数代码可以书写在<script></script>标记之间，也可以书写在.js文件中。在同一个<script></script>标记中，函数定义可以书写在调用语句之前或之后；但在不同的<script></script>标记中函数定义语句只能书写在调用语句之前。7.2JavaScript程序设计基础7.2.3JavaScript函数2.自定义函数(1)命名函数7.2JavaScript程序设计基础7.2.3JavaScript函数2.自定义函数(2)匿名函数7.2JavaScript程序设计基础7.2.3JavaScript函数2.自定义函数(3)自调用函数