理论第四章-理论.pptVIP

* * 第四章 JavaScript对象 回顾 window是浏览器对象模型的顶层对象。 history对象用来管理当前窗口最近访问过的URL。 location对象用来管理当前窗口的URL信息。 文档对象模型（DOM）是一种与浏览器、平台和语言无关的接口，它可以使程序访问页面其他的标准组件，主要应用于解析xml和html内容。 document对象代表浏览器窗口中加载的整个html文档。? ? 理论内容 JavaScript内部对象 创建对象 对象常用语句 Object对象 Object对象提供了一种创建自定义对象的简单方式，不需要程序员再次定义构造函数。由于在程序运行时可以为JavaScript对象添加属性，因此使用Object对象很容易创建出自定义对象。 4.1 JavaScript的内部对象 script type=text/javascript var person=new Object(); person.name=tony; person.age=15; function getAttr(attr){ alert(person[attr]); } getAttr(name); getAttr(age); /script Date对象 通过创建Date对象，可以获取计算机中的时间。由于脚本总是在客户端中运行，而不是服务器，所以获取的是本地计算机的时间。 4.1 JavaScript的内部对象 var now=new Date(); alert(now); Date对象有很多方法 4.1 JavaScript的内部对象 方法 功能 getDate 返回一个月中的某一天（1~31） getDay 返回一周中的某一天（0~6），0为周日，1为周一，以此类推 getFullYear 以四位数返回年份 getHours 返回小时（0~23） getMilliseconds 返回毫秒 getMinutes 返回分钟（0~59） getMonth 返回月份（0~11），0为一月，1为二月，以此类推 getSeconds 返回秒数（0~59） getTime 返回1970年1月1日至今的毫秒数 利用Date对象制作时钟特效。 4.1 JavaScript的内部对象 function showTime(){ var today = new Date(); var year=today.getFullYear();//获得年 var month=today.getMonth()+1;//获得月 var day=today.getDate();//获得日 var hh = today.getHours(); //获得小时、分钟和秒 var mm = today.getMinutes();//获得分钟 var ss = today.getSeconds();//获得秒 document.getElementById(myclock).innerHTML=year+年+month+月+day+日+hh+:+mm+:+ss; } window.setInterval(showTime(),1000);//每隔1秒取一次当前的时间 window.onload=showTime; 每个Date实例对象都只是计算机的一个毫秒级快照，换言之，Date对象只是保存了它被创建时的时间信息，如果希望总是显示当前最新时间，就需要不停地获取时间快照。 4.1 JavaScript的内部对象 Date对象可以制作倒计时。 4.1 JavaScript的内部对象 span id=days/span script type=text/javascript var now=new Date(); //今天的时间 var year=now.getFullYear(); var future=new Date(December 25,+year); var diff=future.getTime()-now.getTime();//毫秒 var days=parseInt(diff/(1000*60*60*24)); document.getElementById(days).innerHTML=距离+year+圣诞节还有：+days+天; /script Image对象 在网页内使用图片，只需要使用img标签，然后在src属性中设置图片的绝对路径或者相对路径即可。如果需要在网页里实现动画或者图像效果，那么就得在JavaScript里使用Image对象。 4.1 JavaScript的内部对象 使用图像缓冲技术。 4.1 JavaScript的内部对