国开JavaScript程序设计形考作业1试题及答案(1).docx

《国开JavaScript程序设计形考作业1试题及答案(1).docx》由会员分享，可在线阅读，更多相关《国开JavaScript程序设计形考作业1试题及答案(1).docx（3页珍藏版）》请在第一文库网上搜索。

1、国开JavaScript程序设计形考作业1试题及答案实训一：设计系统主页作业1 .题目设计系统主页。2 .目的（1）熟悉Web前端项目开发环境。（2）掌握如何建立Web前端项目，学会规划项目结构。（3）掌握动态生成页面内容的方法。（4）理解如何使用F1aSh显示图片新闻。（5）会在应用系统中编写播放动态新闻的程序。3 .内容建立项目结构，并设计一个系统的主页，在主页中嵌入F1aSh播放新闻。4 .要求（1）建立Web前端项目，规划好程序结构。（2）使用document,write（）方法生成播放FIaSh的JavaScript代码。（3）可以方便地增减播放的图片新闻数量。（4）单击图片时能够打

2、开对应的新闻页面。1inkhref=zz参考答案：根据题目信息，以下是一个使用JaVaSCriPt完成设计系统主页作业的代码：htm1复制代码系统主页1inkhref=,https:/系统主页版权所有©2023/定义图片新闻数组varnewsimages=image1.jpg,image2.jpg,image3.jpg；/获取F1ash容器元素varf1ashcontainer=document.getEIementById(f1ash-container);/生成播放F1ash的JavaScript代码varf1ashcontent=,;for(vari=0;inewsimages

3、.1ength;i+)f1ashcontent+=,+,;)/将生成的F1ash代码插入到页面中f1ashcontainer.innerHTM1=f1ashcontent;/为每个图片新闻添加单击事件处理程序for(vari=0;inewsimages.1ength;i+)varnewsimage=document.getEIementById(news-,+i);newsimage.addEvent1istener(c1ickjfunction()window.open(news.htm1?index=+i,_b1ank);)；)这个示例代码创建了一个简单的系统主页，其中包含一个顶部导航栏、一个图片新闻区域和一个页脚。在图片新闻区域中，使用JaVaSeriPt动态生成了F1ash播放代码,并将该代码插入到页面中。同时，为每个图片新闻添加了一个单击事件处理程序，单击时打开对应的新闻页面。注意，这里假设每个新闻图片都附带一个名为newsX.swf的F1ash文件,其中X是新闻索引，同时还需要创建一个名为news.htm1的文件来显示对应的新闻页面，并将新闻页面中的链接指向news.htm1?index=X的形式，其中X是新闻索引。你需要根据实际情况修改这些文件名或路径。