人机交互界面的设计第九章 JavaScript应用.pptVIP

02对象 JS严格意义上来讲并不是一个真正的传统意义上的面向对象语言，因为它不具备面向对象的一些特性，比如接口等。但是从技术层面上看，JS在极力向面向对象靠齐。因此，本书还是把JS看作面向对象语言，使用类与对象的概念。 从表面上看，JS跟其他的面向对象的语言一样，JS的对象也使用new关键字来创建一个类的对象。比如： var car = new Object(); 这行代码创建了一个Object类的对象（或者叫实例），并把它存储在变量car中，那么这个变量car，就代表了那个对象，且具有了Object类的默认的属性和方法。JS提供了很多原生的类以供程序员使用，比如Date，Array，Math和Object。 JS对象很多，本书仅罗列几个常用的对象供读者学习。 时间类Date是JS中使用频率很高的类，在很多网站中都会看到它的影子，比如显示当前时间，倒计时等等。每个时间类的对象，都存储了对应时间的年、月、日、时、分、秒、星期，以及日期等信息。 02对象 时间类Date 创建当前时间的时间类，并在页面中显示当前的时间。 源代码如下： 现在是： span id=timeshow0000年00月00日星期0 00:00:00/span script var mytime = new Date(); var myyear = mytime.getFullYear(); //获取年份，如2015 var mymonth = mytime.getMonth()+1; //获取月份，记得+1 var mydate = mytime.getDate(); //获取日期 var myday = mytime.getDay(); //获取星期，数值0-6。0是周日 var myhour = mytime.getHours(); //获取小时数，0-23 案例操作 02对象 时间类Date var myminute = mytime.getMinutes(); //获取分钟数，0-59 var mysecond = mytime.getSeconds(); //获取秒钟数，0-59 var res = myyear+年+mymonth+月+mydate +日星期+myday+nbsp; +myhour+:+myminute+:+mysecond; document.getElementById(timeshow).innerHTML = res; /script 案例操作 02对象 时间类Date 改进前面的“案例操作”，让时间走动起来。 源代码如下： 现在是： span id=timeshow0000年00月00日星期0 00:00:00/span script function timeGo(){ ……此部分代码跟前面“案例操作一”相同，此处略…… document.getElementById(timeshow).innerHTML = res; } var myset = setInterval(function(){timeGo();},1000); /script 案例操作 02对象 时间类Date 跟其他语言一样，JS中的数组Array可以用来存储多个数据。而JS比较灵活的是，数组中的元素的数据类型可以是不一样。 JS中创建一个数组的方式如下： //创建一个空数组 var myarr1 = new Array(); 或 var myarr1 = [] ; //创建一个数组的同时，赋给数组元素。多个元素之间用逗号隔开 var myarr2 = new Array(“张三”,100); 或 var myarr2 = [“张三”,100]; //也可以在创建一个空数组后，再添加数组元素 var myarr3 = []; myarr3[0]=”张三”; myarr3[1]=100; 02对象 数组类Array 创建数组对象，并获取数组对象的元素个数。 源代码如下： script var myfriends = [张三,李四,John]; alert(myfriends.length); // 得到3 var mypets = []; // 等同于 var mypets = new Array(); alert(mypets.length); //得到0 /script 数组length属性 02对象 数组类Array 创建数组对象，并挨个alert出它的元素。 源代码如下： script var myfriends = [张三,李四,John]; for(var i = 0 ; im