第2章JSP动态网页设计基础..ppt

图2-20 CSS盒子示例1 【例2-19】CSS盒子属性示例2（box2.html） !DOCTYPE html html head titleCSS盒子属性示例2/title style type=text/css body{ margin:0 auto; /*设置网页边距*/ width:700px; font-size:13px; } div{ box-sizing:border-box; /*设置盒子显示模式*/ background-color:#d3dec0; line-height:1.2; } .imgfloat{ float:right; /*设置图像右浮动*/ } a{ text-decoration:none; /*设置链接无下划线*/ color:#7f5f52; } #banner{ width:100%; } /*页眉所在div样式*/ #left{ /*左边div样式*/ width:200px; float:left; /*浮动*/ padding:10px; /*设置盒子边框距内容的补白*/ height:430px; } .text{ font-size:16px; line-height:1.5; text-indent:2em; } /style /head body table border=1 trth colspan=5学生登记表/th/tr trth学号/thth姓名/thth年龄/thth专业/thth照片/th/tr trtd201303001/tdtd张小凡/tdtd18/tdtd软件开发/td tdimg src=images/photo1.jpg //td/tr trtd201303002/tdtd碧瑶/tdtd17/tdtd计算机多媒体技术/td tdimg src=images/photo2.jpg //td/tr trtd201303003/tdtd陆雪琪/tdtd16/tdtd计算机应用/td tdimg src=images/photo3.jpg //td/tr /table /body /html 图2-21CSS盒子示例2 2.2 JavaScript技术 JavaScript是由Netscape公司开发的一种网页的脚本编程语言，它支持客户端与服务器端的应用程序以及构件的开发。JavaScript是一种解释性的语言，它的基本结构形式与其他编程语言相似，需要先编译后执行。 例Example1.htm 2.2.1 JavaScript语法 运算符——运算符就是完成操作的一系列符号，它有七类：赋值运算符（=，+=，-=，*=，/=，%=，=，=，|=，=）、算术运算符(+，-，*，/，++，--，%)、比较运算符(，，=，=，==，!=)、逻辑运算符(||，，!)、条件运算(?:)、位移运算符(|，，，，~，^)和字符串运算符(+)。 表达式——运算符和操作数的组合称为表达式，通常分为四类：赋值表达式、算术表达式、布尔表达式和字符串表达式。 语句——Javascript程序是由若干语句组成的，语句是编写程序的指令。Javascript提供了完整的基本编程语句，它们是：赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环终止语句、continue循环中断语句、with语句、try...catch语句、if-else语句等。 函数——函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点： (1) 函数一般由关键字function定义； (2) 函数名是调用函数时引用的名称，它对大小写是敏感的； (3) 参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数； (4) return语句用于返回表达式的值。 对象——JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor=blue，就是表示使背景的颜色为蓝色。 事件——用户与网页交互时产生的操作，称为事件。事件可以由用户引发，也可能是页面发生改变