web程序设计第七章.ppt

第7章 JavaScript 概述 7.1 第一个JavaScript程序 html head script language=JavaScript !-- var name=prompt(请输入您的大名：, ); //弹出提示窗口 //-- /script /head body script language=JavaScript !-- document.write(欢迎 ,name, 光临!); //在页面上输出信息 //-- /script /body /html 7.1 第一个JavaScript程序 使用JavaScript编写程序的特点： JavaScript是一种脚本语言，采用小程序段的方式实现编程，可以直接嵌入HTML文档中。 在标识script language=JavaScript…/script之间可以加入JavaScript脚本。 可将script…/script标识放在head…/head或body…/body之间。将JavaScript脚本置于head…/head之间，可使之在主页和其余部分代码之前装载。 JavaScript是一种基于对象的语言，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 7.1 第一个JavaScript程序 使用JavaScript编写程序的特点： 对于不支持JavaScript的浏览器，所有在!--…//--中的代码均被忽略；对于支持JavaScript的浏览器，则执行!--…//--中的代码。 // 是JavaScript的注释标识，其后的信息不被浏览器解释。 7.2 JavaScript基本数据结构 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型、表达式、运算符以及程序的基本框架结构。 基本数据类型和常量 数值型：最基本的数据类型，包括整型和实型 整型常量：可以使用十进制、八进制或十六进制表示，如1234、0745、0x93C等； 实型常量：可以使用小数或指数方法表示，如12.34、5e7、4e-5等。 字符串型：表示字符序列的数据类型 字符串常量：用 或 括起来的若干个字符，如JavaScript、 This is a book of C++等； 控制字符：以反斜杠 \ 开头的具有特殊功能的字符，如\n 、 \r、\t等。 7.2 JavaScript基本数据结构 基本数据类型和常量 布尔型：表示状态的数据类型 布尔常量：只有两个可能的值true和false，表示“真”和“假”两种状态。 null和undefined null：null的类型是Object，用来表示一个变量没有任何数值。例如： var empty=null; //empty的值为null undefined：undefined的类型也是undefined，表示变量没有定义任何值。 例如：var value; //value的值为undefined 7.2 JavaScript基本数据结构 变量 变量的主要作用是存取数据和提供存放信息的容器，在JavaScript程序中必须明确变量的命名、声明和作用域。 变量的命名：必须以字母或下划线开头，后面可以跟数字、字母和下划线。不能使用JavaScript中的关键字作为变量名。例如： 正确的变量名：num1、_value、thisbook 错误的变量名：1_max、C++、this、true 变量的声明：在JavaScript中，不论变量的数据类型为什么，都用var关键字来声明。例如： var num = 1; var str = JavaScript Language; 7.2 JavaScript基本数据结构 变量的实际类型视变量数据的内容而定。例如，上例中的num为数值型变量，str为字符串型变量。 变量的类型也可以随时被改变，只要指定不同类型的数据，变量的类型就会跟着改变。例如： var num = 1; //num为数值型变量 …… num = Hello World!; //num为字符串型变量 变量也可以不用var声明而直接使用，这时必须设定变量的初始值，否则会产生编译错误。例如： x = 100; //x为数值型变量 y = China; //y为字符串型变量 z = true //z为布尔型变量 好的编程风格：每个变量在第一次使用时都用var声明！ 7.2 JavaScript基本数据结构 变量的作用域：分为全局变量和局部变量 全局变量：在所有函数外声明的变量，在程