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

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

实训一：设计系统主页
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:
functionMyObject(name,size)
{

this.size=size;
}
MyObject.prototype.tellsize=function()
{
alert("size
of"+
}
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"RefuelingSportsCarwithpremium94octane
gasoline";}
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();
discribe(vehicle);
}
functioncreateSportsCar()
{
varsportCar=newSportsCar();
discribe(sportCar);
}