- 1、本文档共45页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
人机交互界面的设计第九章 JavaScript应用
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
您可能关注的文档
- 亚太嘉年华的项目推介手册.ppt
- 亚洲开发银行贷款的项目.doc
- 亚磷酸扩建的项目可行性的研究的报告.doc
- 井矿原煤储煤厂技术改造总承包工程原煤仓施工的方案.doc
- 井田概况及地质特征—毕业的设计.doc
- 五粮液55°产品知识.ppt
- 交互的设计以用户为中心.ppt
- 亚都空气净化器的项目的的策划书.ppt
- 交叉路口临时用电的方案.doc
- 交警掌上应用系统的研究文.doc
- 基于人工智能教育平台的移动应用开发,探讨跨平台兼容性影响因素及优化策略教学研究课题报告.docx
- 高中生物实验:城市热岛效应对城市生态系统服务功能的影响机制教学研究课题报告.docx
- 信息技术行业信息安全法律法规研究及政策建议教学研究课题报告.docx
- 人工智能视角下区域教育评价改革:利益相关者互动与政策支持研究教学研究课题报告.docx
- 6 《垃圾填埋场渗滤液处理与土地资源化利用研究》教学研究课题报告.docx
- 小学音乐与美术教师跨学科协作模式构建:人工智能技术助力教学创新教学研究课题报告.docx
- 《航空航天3D打印技术对航空器装配工艺的创新与效率提升》教学研究课题报告.docx
- 教育扶贫精准化策略研究:人工智能技术在区域教育中的应用与创新教学研究课题报告.docx
- 《区块链技术在电子政务电子档案管理中的数据完整性保障与优化》教学研究课题报告.docx
- 《中医护理情志疗法对癌症患者心理状态和生活质量提升的长期追踪研究》教学研究课题报告.docx
最近下载
- 四川省绵阳市江油市2020-2021学年九年级上学期期中物理试题(含答案).docx VIP
- (新版)危害因素辨识与风险防控题库及答案解析 .pdf VIP
- 2022年华南农业大学工作人员招聘考试试题及答案.docx VIP
- 人教版小学五年级下册体育教案全集.pdf VIP
- 国有企业基层组织工作条例(试行)在线测试.doc VIP
- 初中常见化学式的默写.docx VIP
- 《基础生态学》(第二版_牛翠娟、孙儒泳、李庆芬)课后思考题答案.doc VIP
- essbase BIEE__学习笔记.ppt VIP
- 初中物理《内能的利用》真题演练含解析.pdf VIP
- TF02EP全自动口服液灌装机使用规程.pdf VIP
文档评论(0)