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

实训一：设计系统主页1.题目设计系统主页。2.目的（1）熟悉Web前端项目开发环境。（2）掌握如何建立Web前端项目，学会规划项目结构。（3）掌握动态生成页面内容的方法。（4）理解如何使用Flash显示图片新闻。（5）会在应用系统中编写播放动态新闻的程序。3.内容建立项目结构，并设计一个系统的主页，在主页中嵌入Flash播放新闻。4.要求（1）建立Web前端项目，规划好程序结构。（2）使用document.write()方法生成播放Flash的JavaScript代码。（3）可以方便地增减播放的图片新闻数量。（4）单击图片时能够打开对应的新闻页面。实验百度7  JavaScript程序设计1 一、实验目的：1.掌握程序语言的基本结构；2.深刻理解有关函数中变量的作用域和各类控制语句的功能；二、实验要求：理解Javascript语法知识；三、实验内容：1．先练习课堂上讲的例子。2、控制语句，用2种方式实现(if语句、switch语句)；根据时间段的不同，在网页中显示不同的问候语，若小时数在12点以前，则输出“早上好！”的问候语，颜色为绿色；若在12点至18点，则输出“下午好！”颜色为黄色；18点以后输出“晚上好！”颜色为黑色。[参考代码] 方法1:<script language="javascript"> var curday=new Date(); hours=curday.getHours(); document.write("："+hours+"点，"); if (hours<=12)  {document.write("<font color='00ff00</font>");} else if (hours<=18){document.write("<font color='ffff00'>！</font>");} else  {document.write("<font color='000000'>！</font>");} </script>function

MyObject(name,size)

{

=

name;

this.size

=

size;

}

MyOtotype.tellsize

=

function()

{

alert("size

of"++"is"+this.size);

}

var

myObject

=

new

MyObject("tiddles","7.5

meters");

myObject.tellsize();function

Vehicle()

{

}

Vtotype.wheelCount

=4;

Vtotype.curbWeightInPounds

=

4000;

Vtotype.refuel

=

function()

{

return

"Refueling

Vehicle

with

regular

87

octane

gasoline";

}

Vtotype.mainTasks

=

function()

{

return

"Driving

to

work

,school

,and

the

grocery

store";

}

function

SportsCar()

{

}

SportsCtotype

=

new

Vehicle();

SportsCtotype.curbWeightInPounds

=

3000;

SportsCtotype.refuel

=

function

()

{

return

"Refueling

SportsCar

with

premium

94

octane

gasoline";

}

SportsCtotype.mainTasks

=

function(){

return

"Spirited

driving

,looking

good

,driving

to

the

beach";

}

function

discribe(vehicle)

{

var

str

=

"";

str

=

"\n\nNumber

of

wheels:"+

vehicle.wheelCount;

str

+=

"

Crub

Weight:

"+vehicle.curbWeightInPounds;

str

+=

"\n\n

Refuel

Method:"+vehicle.refuel();

str

+=

"\n\n

Main

Tasks:"

+

vehicle.mainTasks();

document.getElementById("Info").innerText+=str;

}

function

createVehicle()

{

var

vehicle

=

new

Vehicle();