web基础_Javascript_and_CSS.ppt

Css样式 定义在标签上的css格式 H1,H2,H3,H4,H5,H6{ Color:red; text-decoration:underline; Font-family:”黑体”; } Css样式 设定在ID上的css格式为 #id名 { 标志属性：属性值； 标志属性：属性值；…… 标志属性：属性值} 引用的方法： 标志　ID＝ID名。 Css样式 直接定义class ： .类名{标志属性：属性值；标志属性：属性值；……标志属性：属性值} 引用： HTML标志 CLASS=类名 CSS的作用范围 body { font-family: sans-serif; } h1, h2 { color: gray; } h1 { border-bottom: 1px solid black; } CSS的作用范围 在tag为p,class为a1的元素上生效 p.a1 p.a1{ font-size: 24pt; border-collapse: collapse; border-width: 1px; filter:progid:DXImageTransform.Microsoft.Shadow (Color=#BCD2E6,Direction=120,strength=5); } CSS的作用范围 忽略tag,在class为a1的所有元素上生效 .a1{ font-size: 24pt; border-collapse: collapse; border-width: 1px; filter:progid:DXImageTransform.Microsoft.Shadow (Color=#BCD2E6,Direction=120,strength=5); } css链接样式 a:link 设置链接本来的颜色 a:active 设置链接被激活的颜色 a:visited 设置链接访问过后的颜色 a:hover 设置链接在鼠标悬停时的颜色 设置链接本来的颜色 a:link { text-decoration: none; color: #666666; } 设置链接被激活的颜色 a:active { text-decoration: none; } 设置链接访问过后的颜色 a:visited { text-decoration: none; color: #666666; } 设置鼠标悬停时的颜色 a:hover { text-decoration: underline; color: #0095EA; } 总结 了解javaScript出现的背景 javaScript函数的定义 变量的定义 函数的调用 onLoad onClick 对象 基本对象 Math,Date DOM Text CSS 作业 1.使用JS给昨天作业登陆页面添加验证要求 用户名为che密码为123才可以登陆成功. 2.使用JS给注册页面添加验证 要求1:要求所有的必填项加入验证不能为空 要求2:用户名长度控制在 3 - 12 字节以内 要求3:密码英文字母或数字等不少于6位 * * * * * * * * Math对象 方法 abs(x) 返回 x 的绝对值。acos(x) 返回 x 的反余弦值（余弦值等于 x 的角度），用弧度表示。asin(x) 返回 x 的反正弦值。atan(x) 返回 x 的反正切值。random() 返回大于 0 小于 1 的一个随机数。Math.random() Array对象 Array var b1= new Array(); b = new Array(0,1,2,3,4); alert(b[2]); b1=b.reverse();//反转 for(var i=0;ib1.length;i++){ document.write(b1[i]); } DOM简介 DOM是Document Object Model的缩写，即文档对象模型 DOM将HTML页面中的内容抽象成对象，每个对象拥有各自的属性(Properties)、方法(Method)和事件(Events) 。 通过DOM 可以在JavaScript中操纵HTML页面的内容 DOM简介 大部分DOM对象是不确定不惟一的，因此需要在HTML标记中给他们起名，如form、input等等 DOM对象同基本对象一样，也有属性、方法和事件，尤其是DOM对象对事件