24春国家开放大学《JavaScript程序设计》形考作业1-5参考答案.docx
《24春国家开放大学《JavaScript程序设计》形考作业1-5参考答案.docx》由会员分享,可在线阅读,更多相关《24春国家开放大学《JavaScript程序设计》形考作业1-5参考答案.docx(25页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、国家开放大学JavaScript程序设计形考作业1-5参考答案形考作业1实训一:设计系统主页作业1.题目设计系统主页。2.目的(1)熟悉Web前端项目开发环境。(2)掌握如何建立Web前端项目,学会规划项目结构。(3)掌握动态生成页面内容的方法。(4)理解如何使用Flash显示图片新闻。(5)会在应用系统中编写播放动态新闻的程序。3.内容建立项目结构,并设计一个系统的主页,在主页中嵌入Flash播放新闻。4.要求(1)建立Web前端项目,规划好程序结构。(2)使用document.write()方法生成播放Flash的JavaScript代码。(3)可以方便地增减播放的图片新闻数量。(4)单击
2、图片时能够打开对应的新闻页面。linkhref=参考答案:1、让http:/127.0.0.1:8000可以直接访问首页添加一条urls.py配置:urlpatterns = . re_path($,views.index), #访问http:/127.0.0.1:8000可以直接访问首页2、应用bootstrap快速编写index首页导航条(1)引入bootstrap核心文件和jquery linkrel=stylesheethref=/static/blog/bootstrap-3.3.7/css/bootstrap.css (2)拷入bootstrap导航条模板代码拷贝这些代码到inde
3、x页面的body标签内。(3)对导航条代码做适当调整由于我们的页面导航栏用不上,删除模板中的form标签和标签的内容。形考作业2实训二:显示数据列表1.题目显示数据列表。2.目的(1)掌握流程控制语句的使用。(2)掌握函数的使用。(3)理解闭包的概念。(4)应会设计基本的应用程序。3.内容在所设计的项目中,实现显示数据列表。数据以表格的方式显示,不同的行显示不同的颜色。当单击每行数据的标题时,将会弹出窗口,显示详细信息。4.要求(1)数据存放在数组中,用程序实现数据显示。(2)以闭包的方式定义工具,窗口函数封装在工具中。(3)通过循环生成数据行,用条件判断实现不同行显示不同的颜色。参考答案:N
4、umber.prototype.NaN0=function()returnisNaN(this)?0:this;functiongetPosition(e) varleft=0; vartop=0; while(e.offsetParent) left+=e.offsetLeft+(e.currentStyle?(parseInt(e.currentStyle.borderLeftWidth).NaN0():0); top+=e.offsetTop+(e.currentStyle?(parseInt(e.currentStyle.borderTopWidth).NaN0():0); e=e.o
5、ffsetParent; left+=e.offsetLeft+(e.currentStyle?(parseInt(e.currentStyle.borderLeftWidth).NaN0():0); top+=e.offsetTop+(e.currentStyle?(parseInt(e.currentStyle.borderTopWidth).NaN0():0); returnx:left,y:top; $(table#thailand-qh tbody tr).each(function()$(td:even,this).css(font-weight,bold);$(td:eq(0),
6、this).css(text-align:left,font-weight:normal););$(table#thailand-qh tbody tr:odd).addClass(thailand-qh-tbody-tr-odd);$(table#thailand-qh tbody tr:even).addClass(thailand-qh-tbody-tr-even); function GetIframeInnerHtml(objIFrame)var iFrameHTML = ;if (objIFrame.contentDocument)/ For NS6iFrameHTML = obj
7、IFrame.contentDocument.innerHTML;else if (objIFrame.contentWindow)/ For IE5.5 and IE6iFrameHTML = objIFrame.contentWindow.document.body.innerHTML;else if (objIFrame.document)/ For IE5iFrameHTML = objIFrame.document.body.innerHTML;return iFrameHTML;实训三:随机显示题头图片1.题目随机显示题头图片。2.目的(1)掌握图像显示的基本知识。(2)掌握对象建
8、立的方法。(3)掌握Math的使用方法。(3)会应利用随机函数编写应用程序。3.内容结合一个具体应用的需求,设计随机显示题头的程序。4.要求(1)针对一个具体应用的需求,设计界面。(2)使用对象的方式存储图像信息,利用随机函数抽取图像。参考答案:#lr_systemboxwidth:980px;height:50px;background-color:#CCC;sition:relative; margin:0 auto; z-index:100000;.lr_systembtnwidth:201px;height:35px;line-height:33px;position:absolute
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript程序设计 24 国家 开放 大学 JavaScript 程序设计 作业 参考答案
限制150内