9


主页 | 上一层

 










1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

实验九 JavaScript编程

实验目的:编写简单的Javascript脚本并调试运行

实验器材:装有FrontPage2000/XP的计算机,FTP服务器

实验原理:

JavaScript是客户端运行的脚本程序,JavaScript不同于Java等高级语言。

本实验将完成书本实例中两到三个实例的编写。

由于没有可视化的工具可提供使用,因此在编写脚本的时候,要注意JavaScript语言的规范,特别注意标点符号和字母大小写的问题。

实验步骤:

1.一个最简单的JavaScript脚本

1.1 打开FrontPage,新建一个空白网页,文件名为:first.htm,在“网页”视图中,切换到HTML窗口。

1.3 在超文本标记符<body>和</body>之间输入下面代码:


<script language="JavaScript">

alert ("您好!");

</script>


1.4 保存后预览效果

2.显示时间和日期

2.1 新建一个空白网页,文件名为:time.htm,在“网页”视图中,切换到HTML窗口。

2.3 在超文本标记符<body>和</body>之间输入下面代码:

 


<script language="LiveScript">

  today = new Date()

  document.write("现在时间是: ",today.getHours(),":",today.getMinutes())

  document.write("<br>今天日期为: ", today.getMonth()+1,"/",today.getDate()

,"/",today.getYear());

</script>


2.4 保存后预览效果

3.改变背景颜色

3.1 新建一个空白网页,文件名为:bgcolor.htm,在“网页”视图中,切换到HTML窗口。

3.3 在超文本标记符<body>和</body>之间输入下面代码:


<script language="JavaScript">

   var MyColor;

   MyColor=prompt("您最喜欢的颜色是:","");

   switch(MyColor) {

   case "红色":

   document.bgColor="red";

   break;

   case "黄色":

   document.bgColor="yellow";

   break;

   case "灰色":

   document.bgColor="gray";

   break;

   default:

   alert("我不认识这些颜色!");

   }

</script>


3.4 保存后预览效果

4.作业完成以后,上传到教师服务器中。

 
  如果速度慢,可以尝试访问本站的镜像站点:
北方:http://www.chengzhi.net
南方: http://www.gz-info.com