大连理工大学软件工程课件第八章 java script介绍.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * 8.4 JavaScript事件 8.4.3 JS事件应用—验证表单 8.4 JavaScript事件 8.4.3 JS事件应用—正则表达式 script function verifyEmail(email) { var myReg = /^[_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/; if (myReg.test(email)) { return true; } return false; } /script 8.4 JavaScript事件 8.4.3 JS事件应用—正则表达式 在JavaScript中，正则表达式是由一个RegExp对象表示的。可以使用一个RegExp()构造函数来创建RegExp对象,也可以用JavaScript 1.2中的一个特殊语法来创建RegExp对象。就像字符串直接量被定义为包含在引号内的字符一样,正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符。 /^[_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/：[_A-Za-z0-9]表示下划线或大小写的字母或数字。 test() 方法用来测试某段字符串是否匹配指定的正则表达式。若匹配，则返回true ；否则返回false 。 8.5 CSS格式与应用 HTML排版缺点 用CSS改进排版 CSS语法 用CSS美化网页 8.5 CSS格式与应用 8.5.1 Html排版的缺点 HTML 主要侧重于定义内容，比如p 表示一个段落，h1 表示标题，而并没有过多设计HTML 的排版和界面效果。随着Internet 的迅猛发展，HTML 被广泛应用，上网的人们当然希望网页做得漂亮些，因此HTML 排版和界面效果的局限性日益暴露出来。为了解决这个问题，人们也走了不少弯路，用了一些不好的方法，比如给HTML 增加很多的属性结果将代码变得很臃肿，将文本变成图片，过多利用table 来排版，用空白的图片表示白色的空间等。直到CSS 出现。 8.5 CSS格式与应用 8.5.2用css改进排版 CSS 可算是网页设计的一个突破，它解决了网页界面排版的难题。HTML 的Tag 主要是定义网页的内容(Content) ，而CSS 决定这些网页内容如何显示(Layout) 。 DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。 8.5 CSS格式与应用 8.5.3 Css的基本语法 CSS又名，层叠样式表，一个样式(Style)的语法由三部分构成： 选择器(Selector) 属性(Property) 属性值(Value) 必须把样式表信息包括在 style 和 /style 标记中，为了使样式表在整个页面中产生作用，应把该组标记及其内容放到 HEAD 和 /HEAD 中去。 8.5 CSS格式与应用 8.5.3 Css的基本语法 基本语法： CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。基本格式如下： selector {property: value} （选择符 {属性：值}） 8.5 CSS格式与应用 8.5.3 Css的基本语法 选择符组： 可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义： h1, h2, h3, h4, h5, h6 { color: green } 8.5 CSS格式与应用 8.5.3 Css的基本语法 类选择符： 用类选择符能够把相同的元素分类定义不同的样式，定义类选择符时，在自定类的名称前面加一个点号。假如想要两个不同的段落，一个段落向右对齐，一个段落居中，可以先定义两个类： p.right {text-align: right} p.center {text-align: center} 8.5 CSS格式与应用 8.5.3 Css的基本语法 注释:/* ... */ 　　你可以在CSS中插入注释来说明你代码的意思，注释有利于你或别人以后编辑和更改代码时理解代码的含义。在浏览器中，注释是不显示的。CSS注释以/* 开头，以*/ 结尾，如下: 　/* 定义段落样式表 */ 　　p 　　{ 　　text-align: center; /* 文本居中排列 */