实验10+JavaScript简单脚本程序设计.pdf

淮海工学院计算机工程学院

实验报告书

课程名:《Web应用开发技术》

题目：

班级：

学号：

姓名：

评语：

成绩：指导教师：

批阅时间：年月日

《Web应用开发技术》

实验10JavaScript简单脚本程序设计

一一实验目的

通过实验：（1）理解在HTML网页中插入JavaScrip脚本的方法；（2）理解JavaScrip中变

量、函数、对象、选择语句、循环语句的用法。

二实验内容和要求

内容：调试本节理论课中所涉及的JavaScrip代码。

要求：（1）使用正确的实验报告模板，不要使用课程设计报告的模板；

（2）课程名称为：《Web应用开发技术》；

（3）报告正文的页眉应该是《Web应用开发技术》实验报告。

三实验步骤

（1）在DreamWeaver中新建网站；

（2）分别新建一些网页，对应教材中的相应示例，通过“代码”示图，键入教材中的代码;

（3）在IE浏览器中预览网页的显示效果（也可以DreamWeaver环境中），若达不到预定显示效果，

重新回到DreamWeaver中修改CSS，直到达到预定要求。

四实验结果

4.1使用script标记对将脚本嵌入到网页中（嵌入式），代码为图1，显示效果如图2。

（图1）

（图2）

《Web应用开发技术》

4.2直接将脚本嵌入到HTML标记的事件中(行内式)，代码如下图3，显示效果如下图4。

（图3）

（图4）

4.3通过script标记的src属性链接外部脚本文件（链接式），代码如下图5图6，实现效果如图7。

（图5）

（图6）

（图7）

《Web应用开发技术》

4.4JavaScript的运算符，其可分为算术、关系、逻辑、连接、其他运算符。部分显示效果如下图

8图9图10。

（图8：算术运算符)

(图9：基本关系比较运算符)

(图10：逻辑运算符)

《Web应用开发技术》

（图11：连接运算符）

五实验分析体会

通过实验，理解掌握了网页中插入JavaScript脚本的方法有三种，第一种我们可以通过使用

script标记对将脚本嵌入到网页中，此种称为嵌入式。第二种直接将脚本嵌入到HTML标记的事件

中，此种称为行内式。第三种通过script标记的src属性链接外部脚本文件，这种称为链接式。而

JavaScript的运算符号可分为算数、关系、逻辑、赋值、连接、其他运算符。JavaScript语句分为条

件语句，循环语句。