國開電大-JavaScript程序設(shè)計-實訓一：設(shè)計系統(tǒng)主頁

實訓一：設(shè)計系統(tǒng)主頁1.題目設(shè)計系統(tǒng)主頁。2.目的（1）熟悉Web前端項目開發(fā)環(huán)境。（2）掌握如何建立Web前端項目，學會規(guī)劃項目結(jié)構(gòu)。（3）掌握動態(tài)生成頁面內(nèi)容的方法。（4）理解如何使用Flash顯示圖片新聞。（5）會在應(yīng)用系統(tǒng)中編寫播放動態(tài)新聞的程序。3.內(nèi)容建立項目結(jié)構(gòu)，并設(shè)計一個系統(tǒng)的主頁，在主頁中嵌入Flash播放新聞。4.要求（1）建立Web前端項目，規(guī)劃好程序結(jié)構(gòu)。（2）使用document.write()方法生成播放Flash的JavaScript代碼。（3）可以方便地增減播放的圖片新聞數(shù)量。（4）單擊圖片時能夠打開對應(yīng)的新聞頁面。實驗百度7??JavaScript程序設(shè)計1?一、實驗?zāi)康模?.掌握程序語言的基本結(jié)構(gòu)；2.深刻理解有關(guān)函數(shù)中變量的作用域和各類控制語句的功能；二、實驗要求：理解Javascript語法知識；三、實驗內(nèi)容：1．先練習課堂上講的例子。2、控制語句，用2種方式實現(xiàn)(if語句、switch語句)；根據(jù)時間段的不同，在網(wǎng)頁中顯示不同的問候語，若小時數(shù)在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();

discr