web开发技术第三讲.ppt

* Date对象 Date对象的主要方法有： getYear():返回年份 getMonth()返回当月于号，0~11,0为1月 getDate():返回当前日号数 getDay():返回星期几，0~6，0为星期日 getHours():返回小时数，0~23 getMintes():返回分钟数，0~59 getSeconds():返回描述，0~59 getTimes():返回毫秒数，自1970年1月1日零时以来的毫秒数 * 3.3.3 JavaScript中事件 * 事件：是某个对象发出的消息，标志者某个特定行为的发生或某个特定的条件成立。 由鼠标或热键引发的一连串程序的动作，称之为事件驱动。 对事件进行处理的程序或函数，称之为事件处理程序(Event Handler)。 JavaScript中对象事件的处理通常由函数实现，其基本格式与函数完全一样： Function 函数名(参数1，参数2) {函数执行部分； 函数返回部分 } * 常用事件 onClick 点击鼠标时发生，由它指定的事件处理程序被调用。 onSubmit 表单的“提交”按钮被点击（按下并放开）的时候触发，由它指定的事件处理程序被调用。 onChange 当text或textarea控件的输入内容发生改变时触发，当select控件的选项改变时触发。 onSelect 当text或textarea控件中的文字被加亮后触发。 onFocus 当控件获得焦点是触发。 * 3.3.4 JavaScript的常用语法 * 常见语法见P41。 实例：formcheck.html。 * 3.4 CSS * CSS编程技术 CSS（Cascading Style Sheets）中文翻译为层叠样式表单，简称样式单。 1998年5月12日，CSS level 2才成为W3C 的标准，它是一组样式，样式中的属性在HTML元素中依次出现，并显示在浏览器中。样式可以定义在HTML文档的标志里，也可以在外部附加文档作为外加文档。CSS的功能无比强大，W3C也极力向世界推广这一先进技术。 * CSS概述 简单来说，HTML是一种标记语言，而CSS是这种标记的一种重要扩展，可以进一步美化页面。换句话说，CSS是一种用来装饰HTML的标记集合。 CSS样式规则组成为：选择符 { 属性: 值 }，单一选择符的复合样式声明应该用分号隔开，如：选择符 { 属性1: 值1; 属性2: 值2 }。 * 加载CSS样式的三种方式 使用CSS来格式化网页，共有三种方式： 在HEAD中引用 在BODY中引用 作为文件来引用 * HEAD内引用 案例名称：使用CSS HTML HEAD STYLE TYPE=TEXT/CSS H1 { FONT-SIZE: X-LARGE; COLOR: RED } H2 { FONT-SIZE: LARGE; COLOR: BLUE } /STYLE /HEAD BODY H1中国，我的祖国！H1显示的/H1 H2中国，我的祖国！H2显示的/H2 /BODY /HTML * BODY内引用 案例名称：BODY内引用 HTML BODY H1 STYLE=COLOR:GREEN;FONT-SIZE:37PX; 北京大学，清华大学/H1 P STYLE=BACKGROUND:YELLOW;南京大学，复旦大学/P /BODY/HTML * 作为文件引用 案例名称：样式表文件 程序名称：mystyle.css H1 {COLOR:GREEN;FONT-SIZE:37PX;} P {BACKGROUND:YELLOW;} 案例名称：链接CSS文件 HTML HEAD LINK REL=STYLESHEET HREF=mystyle.css TYPE=TEXT/CSS /HEAD BODY H1北京大学，清华大学/H1 P南京大学，复旦大学/P /BODY/HTML * 作为文件引用（续） 案例名称：导入CSS文件 HTML HEAD STYLE TYPE=TEXT/CSS @IMPORT URL(MYSTYLE.CSS); /STYLE BODY H1北京大学，清华大学/H1 P南京大学，复旦大学/P /BODY/HTML * CSS与标记对应的三种方式 标记选择符 任何HTML元素都可以是一个CSS的选择符。上面所有的样式表都是采用标记选择符引入的。例如：P { BACKGROUND:YELLOW;}，这里用的标记选择符是P。 * 类选择符 在STYLE标记定义一个“.类名”，然后在HTML标记中使用CLASS=“类名”就可以引入该样式 案例名称：类选择符