国开电大 JavaScript程序设计 实训一：设计系统主页.pdf

实训一：设计系统主页

1.题目

设计系统主页。

2.目的

（1）熟悉Web前端项目开发环境。

（2）掌握如何建立Web前端项目，学会规划项目结构。

（3）掌握动态生成页面内容的方法。

（4）理解如何使用Flash显示图片新闻。

（5）会在应用系统中编写播放动态新闻的程序。

3.内容

建立项目结构，并设计一个系统的主页，在主页中嵌入Flash播放新

闻。

4.要求

（1）建立Web前端项目，规划好程序结构。

（2）使用document.write()方法生成播放Flash的JavaScript代码。

（3）可以方便地增减播放的图片新闻数量。

（4）单击图片时能够打开对应的新闻页面。

实验百度7JavaScript程序设计1
一、实验目的：1.掌握程序语言的基本结构；2.深刻理解有关函数中变量的作用域和各类控
制语句的功能；二、实验要求：理解Javascript语法知识；三、实验内容：1．先练习课堂上
讲的例子。2、控制语句，用2种方式实现(if语句、switch语句)；根据时间段的不同，在网
页中显示不同的问候语，若小时数在12点以前，则输出“早上好！”的问候语，颜色为绿色；
若在12点至18点，则输出“下午好！”颜色为黄色；18点以后输出“晚上好！”颜色为黑
色。
[参考代码]

方法1:<scriptlanguage="javascript">varcurday=newDate();hours=curday.getHours();
document.write("："+hours+"点，");
if(hours<=12){document.write("<fontcolor='00ff00</font>");}elseif
(hours<=18){document.write("<fontcolor='ffff00'>！</font>");}else{document.write("<font
color='000000'>！</font>");}</script>
functionMyObject(name,size)
{
this.name=name;
this.size=size;
}
MyObject.prototype.tellsize=function()
{
alert("sizeof"+this.name+"is"+this.size);
}
varmyObject=newMyObject("tiddles","7.5meters");
myObject.tellsize();
functionVehicle()
{
}
Vehicle.prototype.wheelCount=4;
Vehicle.prototype.curbWeightInPounds=4000;
Vehicle.prototype.refuel=function()
{
return"RefuelingVehiclewithregular87octanegasoline";
}
Vehicle.prototype.mainTasks=function()
{
return"Drivingtowork,school,andthegrocerystore";
}
functionSportsCar()
{
}
SportsCar.prototype=newVehicle();
SportsCar.prototype.curbWeightInPounds=3000;
SportsCar.prototype.refuel=function()
{
return"RefuelingSportsCarwithpremium94octanegasoline";
}
SportsCar.prototype.mainTasks=function(){
return"Spiriteddriving,lookinggood,drivingtothebeach";
}
functiondiscribe(vehicle)
{
varstr="";
str="\n\nNumberofwheels:"+vehicle.wheelCount;
str+="CrubWeight:"+vehicle.curbWeightInPounds;
str+="\n\nRefuelMethod:"+vehicle.refuel();
str+="\n\nMainTasks:"+vehicle.mainTasks();
document.getElementById("Info").innerText+=str;
}
functioncreateVehicle()
{
varvehicle=newVehicle();
discr