1、;student.age=13;student.sex=Mfunction checkProperty() alert(This is a student);student.property=checkProperty();student.property ();/scriptdocument.write(Math.sin(Math.PI);三、 课后小结今天上课的内容简单,但要求大家多多练习,以熟能生巧,特别是在网页中超链接的应用等。四、课后练习function calcBallVol(radius) return (4/3)*(Math.PI*Math.pow(radius,3);aler
2、t(calcBallVol(5);第7周第1次课JavaScript对象编程 (二)一、对象的属性和方法 JavaScript对象是属性和方法的集合。 属性是一个或者一组值,是对象的成员之一,方法是对象的一个函数,也是对象的成员。二、对象属性 对象的属性使用跟在对象后面的标识符表示,对象和标识符之间用“.”分隔,下面是对象属性的标准表示规则: object.property object是对象名,property是属性名。 在定义了一个对象后,可以动态地给对象添加属性。三、对象方法 对象的方法也通过跟在对象后面的标识符表示,对象和标识符之间用“.”分隔,不同的是,对象的方法名后面有一对括号。下
3、面是对象属性的标准表示规则: object.method(); object是对象名,method是方法名。四、 实例五、 课后练习var newDate=new Date();document.write(今年是+newDate.getYear()+年+brnewDate.setYear(2007);明年是明年的今天是:+newDate);第7周第2次课JavaScript对象编程 (三)1、熟悉Math等对象的应用方法。熟悉Date等对象的应用方法。熟悉Number,String等对象的应用方法。一、Math对象 Math对象具有一系列的常量和方法,能够实现比较复杂的算术运算逻辑。 Mat
4、h对象是由解释器自动生成的,因此在使用的时候不需要首先生成实例,而是可以直接访问。二、Date对象 Date对象提供了十分灵活的操作时间和日期的方法。 Date对象拥有一系列属性和方法,可以用来表示任意的日期和时间,获取系统当前时间或者获取两个时间的间隔。 Date对象是从1970 年1 月 1 日 00:00:00.000 GMT开始计时的,并且以毫秒为单位。GMT是格林威治标准时间。三、Number对象 Number对象是提供基本数据类型中数值型的JavaScript内置对象,Number对象还提供数值型常数。 需要注意是,在介绍数据类型的时候,提到过浮点类型的对象是要求介于510-324
5、和1.797610308之间的。四、Sring对象 String对象是提供基本数据类型中字符串型的JavaScript内置对象。String对象提供的方法十分丰富。 String对象的惟一属性是长度属性,这个属性指出了String对象代表的字符串的长度 。五、Array对象 当创建一个数组时,实际上创建了一个Array对象。 Array对象一个非常重要的属性是其长度属性。Array对象的长度属性返回数组中现有的元素个数。由于Array对象索引值从0开始的缘故,长度属性返回的值也是Array对象下一次动态增加元素的索引值。六、练习var thisDate=new Date();document.
6、write(thisDate.toString();document.write(thisDate.toUTCString();document.write(thisDate.toGMSString();/script设置超链接的样式1、丰富的超链接特效。2、按钮式超链接。按钮式超链接。一、丰富的超链接特效1、动态超链接伪类别选择嚣:伪类可以看做是一种特殊的类选择符,是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。我们最常用的是4种a元素的伪类,它表示动态链接在4种不同的状态:link、visited、active、hover。CSS
7、2还定义了首字和首行(first-letter和first-line)的伪类,可以对元素的首字或首行设定不同的样式。格式:选择器:伪类 属性:值; 如: a:link color: #FF0000;?锚伪类别:link visited hover active 必须按以下顺序设置,否则在IE中无效a:? /* 未访问的链接 */visited color: #00FF00; /* 已访问的链接 */hover color: #FF00FF; /* 鼠标移动到链接上 */active color: #0000FF; /* 选定的链接 */1.2.1 2、按钮式超链接.a2:link,.a2:vi
8、sitedcolor:#fff;background:#ee251e;text-decoration:none;border-top:1px solid #B7B7B7;border-left:border-right:1px solid #408080;border-bottom:hovercolor:#FFFFFF;#5555FF;1px solid #b7b7b7;二、学生练习设置超链接的样式(二)三、 源码h1一、丰富的超链接特效1、动态超链接/p伪类 属性:值 link color:link& visited& hover& active& 必须按以下顺序设置,否则在IE
9、中无效p align=left /* 未访问的链接 */visited /* 已访问的链接hover鼠标移动到链接上active选定的链接table width=780 border=0 cellspacing= cellpadding=trtd colspan=8img src=pic/tongde fuben.jpg width=950 height=140 /td/trtddiv align=centera href=#首页系部简介专业设置报考信息成绩查询毕业事宜规章制度联系我们953站内新闻四、 课后小结第7周第3次课3、浮雕式超链接.a3:link,.a3:font-family:宋
10、体font-size:14px;width:100px;height:30px;text-align:center;padding-left:0px;font-weight:bold;underline;.tablebackground:url(./pic/dhbg.gif) repeat-x;16px;vertical-align:middle;.td border-right-width: 1px;border-top-style: none;border-right-style: double;border-bottom-style:border-left-style:border-ri
11、ght-color: #ff0;学生练习操作第8周第1次课设置页面滚动条的样式1、学生熟练掌握设置页面滚动条的知识。页面滚动条一、页面滚动条滚动条相关颜色属性: face-color:滑块颜色 hightlight-color:高亮颜色 3dlight-color:三维光线颜色 darkshadow-color:暗影颜色 shadow-color:阴影颜色 arrow-color:箭头颜色 tack-color:滑道颜色 二、源码:bodyscrollbar-3dlight-color:scrollbar-highlight-color:#000;scrollbar-face-color:#f
12、f0;scrollbar-shadow-color:scrollbar-darkshadow-color:#ccc;scrollbar-arrow-color:purple;scrollbar-base-color:.largetextscrollbar-3dlight-color:#80c4de;#f00;#00f;三、效果图五、 课后小结第8周第2次课无需表格的菜单(一)1、掌握项目列表的用法。2、制作无需表格的菜单。制作无需表格的菜单。一、项目列表1、列表的符号(ol:有序 ul:无序,加上list-style-type后没有实际区别)值描述none无标记。disc默认。标记是实心圆。c
13、ircle标记是空心圆。square标记是实心方块。decimal标记是数字。decimal-leading-zero0开头的数字标记。(01, 02, 03, 等。)lower-roman小写罗马数字(i, ii, iii, iv, v, 等。upper-roman大写罗马数字(I, II, III, IV, V, 等。lower-alpha小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。upper-alpha大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。lower-greek小写希腊字
14、母(alpha, beta, gamma, 等。lower-latin小写拉丁字母(a, b, c, d, e, 等。upper-latin大写拉丁字母(A, B, C, D, E, 等。hebrew传统的希伯来编号方式armenian传统的亚美尼亚编号方式georgian传统的乔治亚编号方式(an, ban, gan, 等。cjk-ideographic简单的表意数字hiragana标记是:a, i, u, e, o, ka, ki, 等。(日文片假名)katakanaA, I, U, E, O, KA, KI, 等。hiragana-irohai, ro, ha, ni, ho, he,
15、to, 等。katakana-irohaI, RO, HA, NI, HO, HE, TO, 等。水上运动o 自由泳 o 仰泳 o 蛙泳 o 蝶泳 o 个人混合泳 o 自由泳接力 2、图片符号ulfont:12px;color:#0066FF;list-style-type:circle;.ullist-style-image:url(pic/bt1.jpg);.libackground:url(pic/bt1.jpg) no-repeat;25px;三、学生练习制作个人栏目列表项。第8周第3次课无需表格的菜单(二)三、无需表格的菜单源码:#navigationwidth:200px;#navigation ullist-style-type: /*不显示项目符号*/margin:padding-lef
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1