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

2022-05-28 17:06:22 文档大全网 [ 字体：小中大 ] [ 阅读： ]

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《国开电大 JavaScript程序设计实训一：设计系统主页》，欢迎阅读！
电大,程序设计,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: language="javascript"> var curday=new Date(); hours=curday.getHours(); document.write("："+hours+"点，");

if (hours<=12) {document.write(" color='00ff00");} else if

(hours<=18){document.write(" color='ffff00'>！");} else {document.write(" color='000000'>！");} function MyObject(name,size) {

this.name = name; this.size = size; }

MyObject.prototype.tellsize = function() {

alert("size of"+this.name+"is"+this.size); }

var myObject = new MyObject("tiddles","7.5 meters"); myObject.tellsize(); function Vehicle() { }

Vehicle.prototype.wheelCount =4;

Vehicle.prototype.curbWeightInPounds = 4000; Vehicle.prototype.refuel = function() {

return "Refueling Vehicle with regular 87 octane gasoline"; }

Vehicle.prototype.mainTasks = function() {

return "Driving to work ,school ,and the grocery store"; }

function SportsCar() { }

SportsCar.prototype = new Vehicle();

SportsCar.prototype.curbWeightInPounds = 3000; SportsCar.prototype.refuel = function ()

{

return "Refueling SportsCar with premium 94 octane gasoline"; }

SportsCar.prototype.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(); discribe(vehicle); }

function createSportsCar() {

var sportCar = new SportsCar(); discribe(sportCar); }