Web程序设计实验报告

实验名称：Javascript语法

姓名：明章辉

学号：100511624

班级：网工101班

【实验目的】

了解和掌握Javascript的语法规则；熟练掌握Javascript语言的流程控制语句、过程控制和函数的语法及具体的使用方法。

【实验内容】

（1）实现定时猜数游戏。要求如下：

随机给出一个0至99(包括0和99)之间的数字，然后让用户在规定的时间内猜出什么数字。你可以随便猜一个数字，游戏会提示太大还是太小，从而缩小结果范围，最终得出正确结果。界面设计参考如下图所示。

提示：

（1）定时函数：setTimeout(“时间到使用函数”，毫秒数)

（2）按钮的使能属性:disable属性值为true该按钮不可能使用；当其值为false时，该按钮可以接受使用。

【程序流程图】

【部分关键代码】

猜数游戏

请输入一个0-100之间的随机整数：

倒计时：秒

 结果：

【实验截图】

【实验小结】

Javascript程序可以放在HTML网页或

还可以放在外部文件.js中。Javascript的变量定义格式为var 变量名；在给变量赋初值时确定变量的数据类型，这与C语言不同。函数定义方法为

Function函数名（[参数][,参数]）{

code_block

}

刚开始我的程序不能判断输入是否为数字，可以添加内部函数isNaN(variable),如果变量的值不是数值类型，则返回true，否则返回false。上实验课的时候我运用前面所学的CSS做出了页面，其实这仅仅做了很小的一部分。设置定时器功能时耗了很多时间，用SetTimeout方法来完成这个功能。该计时器以毫秒为单位，当所设置的时间到时，会自动调用一个函数，即：setTimeout(“时间到使用函数”,毫秒数)。猜数游戏的Javascript中用到了Windows对象事件，onKeyup, onClick, OnLoad。为事件对象编写事件处理程序，当事件被激活时，事件处理程序被执行。Document对象是指在浏览器窗口中显示的HTML文档，该对象提供的方法使得可以在文档中直接传送HTML语句。Math.random()*100用于产生0~100的随机整数，可见Math对象所提供的属性和方法在进行数学相关运算非常有用。

由于自己对Javascript了解很少，做本次实验有较大压力，参照了网上的代码和课件上的内容。Java编程语言写在Windows操作系统平台上要用swing,设置一下程序入口，再把工程打包jar。Javascript程序是纯文本的，不需要编译，可以在notepad中编辑，而且调试只需要打开网页就行。

web前端开发技术实验报告 实验三

长春大学 20 15 —2016学年第二学期Web前端开发技术课程 实验报告 学院：计算机科学技术专业：软件工程 班级：软件15402

学号：041440210 姓名：王悦 任课教师：车娜 实验三 CSS网页布局 一、实验目的 1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面； 2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素； 3.理解块元素与行内元素的区别，能够对它们进行转换。 二、内容及要求 运用盒子模型的相关属性实现网页弹出框效果，满足如下要求： 1.网页弹出框由上面的标题和下面的宣传内容两部分组成； 2.标题通过h2定义； 3.在段落文本中内容部分由h3和p标记进行定义； 4.应用