(JSP程序设计实用案例教程)ch8JavaScript与css.ppt

JavaScript与css 本章目标 变量、Javascript表达式与运算符 语句 JavaScript函数 事件的使用 JavaScript内置对象 CSS基本语法 选择符 Css属性 定义超级链接样式加载CSS样式的方式 JavaScript技术 JavaScrip是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。所谓脚本语言，就是可以和HTMI。语言混在一起使用的语言。使用它的目的是与HTML超文本标记语言、Java.脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交互式的表达能力。 JavaScript编程技术 下面通过记事本，编写第一个JavaScript程序。 【程序代码】8-1.htm html SCRIPT LANGUAGE=JavaScript !-- alert(欢迎您进入JavaScript的神奇世界!); //弹出一个对话框 -- /SCRIPT /html 下面对代码进行简单说明。 (1)JavaScript代码由SCRIPT LANGUAGE=JavaScript…／Script说明。在标识SCRIPT LANGUAGE=JavaScript…／Script之间就可加入JavaScript脚本。 (2)alert()是JavaScript的窗口对象方法，其功能是弹出一个具有OK对话框并显示()中的字符串。 (3)JavaScript语言提供了自己的说明语句，用“//’加上说明内容。说明语句用于插入说明处理脚本中的描述信息。本例中的“/／弹出一个对话框”就是说明语句。浏览器在解释脚本语句时，忽略说明语句。 (4)注意在书写JavaScript程序时，每条语句后面加一个分号“；”。 变量 变量和数组是JavaScript的基础，JavaScript和C语言属于同一语系，许多基本语法一样。不管是在JavaScript中还是在其他程序语言中，最基本的概念是变量。 JavaScript定义变量只有一个关键字“var”，在JavaScript中定义一个用户名变量的语法为：“var strUserName;”。 Javascript表达式与运算符 表达式与数学中的定义相似，表达式是指具有一定的值的、用运算符把常数和变量连接起来的代数式。一个表达式可以只包含一个常数或一个变量。运算符可以是四则运算符、关系运算符、位运算符、逻辑运算符、复合运算符。 算术运算符 赋值运算符 比较运算符 逻辑运算符 字符运算符 JavaScript对字符串的运算只规定了一种算法,就是字符串的加法，使用+运算符就可以将两个字符串结合在一起。两个字符串相加,结果作为一个新的字符串,是原来两个字符串的直接串接。 条件运算符 条件运算符是这样的: 变量名=（条件）?结果1:结果2，首先判断条件,如果为真,那么取结果1,否则取结果2. 【程序代码】8-4.htm HTMLBODY SCRIPT LANGUAGE=JavaScript a = (43) ? 5 : 7; b = (43) ? 5 : 7; document.write(a); document.write(br); document.write(b); /SCRIPT /BODY/HTML 语句 1.if语句 if ( 条件 ) 语句1 [ else 语句2 ]; 本语句有点象条件表达式“?:”：当条件为真时执行语句1，否则，如果 else 部分存在的话，就执行语句2。与“?:”不同的是，if 只是一条语句，不会返回数值。条件是布尔值，必须用小括号括起来；语句1和语句2都只能是一个语句，欲使用多条语句，请用语句块。 switch语句 多选择的条件语句 switch(条件表达式) { case lable1:相应处理语句; break; case lable2:相应处理语句; break; … default:缺省时的处理语句; } 这一大段的作用是：计算 e 的值（e 为表达式），然后跟下边“case”后的 r1、r2……比较，当找到一个相等于 e 的值时，就执行该“case”后的语句，直到遇到 break 语句或 switch 段落结束（“}”）。如果没有一个值与 e 匹配，那么就执行“defaul