JavaScript实训报告

JavaScript实训报告

学校：

学号

姓名

日期：2013-6-21

班级：

指导教师：

项目一

一、计算器的实现

河北机电职业技术学院计算机信息工程系

计算器

（1）实现概述

通过对单价、数量文本值的获取相乘，得到总价，当然如果没有单价、数量文本值的话，在你单击button时，会提示你单价、数量不能为空，当总价大于500、1000、2000会有相应的付出回报，即优厚奖励提示。如图所示。

（2）实现代码

项目二

二、邮箱验证

河北机电职业技术学院计算机信息工程系

邮箱验证

（1）实现概述

验证输入的邮箱格式是否正确，不正确会有错误提示，正确会提示验证通过。

（2）核心代码

项目三

三、表单注册验证

（１）

（２）功能的实现

例：

（3）部分核心代码

2、正三角99乘法表 3、输出两个数之间能被5整除的数的和 4、从键盘输入两个数，输出两个数中的最大的数。

《网页设计与制作实训》指导书

《网页设计与制作实训》指导书 --以“五岳独尊泰山”为例 一、规划网站 1．策划网站主题 在着手设计网站之前，要确定好网站的主题，每个网站都应该具有一个明确的主题。本次所创建的网站是一个名山宣传类网站，主要以五岳独尊泰山为主题，包括泰山简介、泰山文化、泰山名吃、泰山地质、环境和神话传说等内容。 2．确定网站风格 确定好站点主题后，就要根据该主题选择站点的风格。由于本次所创建的网站是一个名山宣传类网站，要求结构清晰，能够展现出泰山的魅力所在。本网站的主要特点如下： （1）设计风格要大众化，为了提高浏览速度，精选图片，同时尽量减少图片的使用，更多地使用层、表格实现效果。 （2）背景颜色以灰色和白色为主，文字颜色以黑色为主、蓝色和红色为辅。 （3）文字内容丰富、知识性强，标题简洁明了，字体一般采用宋体，大小一般为14像素。 （4）首页的版式结构采用典型的“三”字型结构，首页如图1-1所示。 图1-1 首页设计浏览效果

二级页面采用与首页统一的风格设计。 该网站名称为“五岳独尊泰山”，所有网页的标题为“五岳独尊—泰山”，个人根据所定主题确定。英文名称为“MountTai”。 3．构思网站栏目结构 先在纸上绘制网站的栏目结构草图，经过反复推敲，最后确定完整的栏目和内容的层次结构。“五岳独尊泰山”的栏目结构如表1-1所示。 表1-1“五岳独尊泰山”的栏目结构 为了简化对网站的浏览过程，大部分网页通过栏目就能浏览内容页面，首页的主菜单包括9个菜单项：泰山简介、泰山文化、泰山名吃、泰山自然、泰山地质、神话传说、泰山景点、泰山美图、寄语泰山。 4．规划网站目录结构和链接结构 根据网站策划确定的栏目结构，创建站点目录，一个网站的目录结构要求层次清晰、井然有序，首页、栏目页、内容页区分明确，有利于日后的修改。“五岳独尊泰山”的目录结构，各文件夹的所存放文件类型如表1-2所示。 ※注意※ 文件夹和文件的名称建议不要使用中文名，因为中文名在HTML 文档中容易生成乱码，导致链接产生错误。 表1-2网站的目录结构及其存放的文件类型

js实训报告

Javascript实训报告 专业名称:计算机应用技术 班级名称：应用班 学员姓名： 指导教师：_______________ 完成日期：2014年6月18日

一、简介： Web标准并不是一个单一的标准，而是一个系列的标准的集合。Web标准中具有代表性的几种语言有：XML可扩展标记语言、XHTML 可扩展超文本标记语言、CSS层叠样式表、DOM文档对象模型、JavaScript脚本程序设计语言等。 本次实训主要是学习JavaScript框架，是轻量级的js库，它兼容CSS3，还兼容各种浏览器(IE6.0+,FF 1.5+, Safari 2.0+, Opera 9.0+)。使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。 本次实训的目的是通过对JavaScript的学习，学会使用HTML标记语言，通过CSS对页面的布局，在HTML基础上，使用JavaScript 开发交互式动态Web网页。能够熟练使用JavaScript语言，让网页能够动态显示，美观大方。 二、实训目的： 1.掌握并练习javaScript的基本语法 2.熟悉javaScript编程环境Aptana 3.练习选择结构语句的应用 4.练习显示时间的应用 三、实训内容： 1、HTML

HTML文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。从本质上来说，Internet（互联网）是一个由一系列传输协议和各类文档所组成的集合，html文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上，通过传输协议用户可以远程获取这些文件所传达的资讯和信息。 网络浏览器，例如Netscape Navigator或Microsoft Internet explorer,能够解释HTML文件来显示网页，这是网络浏览器的主要作用。当你使用浏览器在互联网上浏览网页时，浏览器软件就自动完成HTML文件到网页的转换。 2、CSS CSS是层叠样式表的简称。为了弥补HTML在显示属性上的不足，W3C协会制定了这一套扩展样式标准。CSS标准中重新定义了HTML中原来的文字显示样式，并增加了新的概念，例如类、层等，还可以对文字进行重叠、定位等操作。它提供了更为丰富多彩的样式；同时CSS可集中进行样式管理。另外，CSS允许将样式定义单独存储于样式文件中，这样就可以进行样式管理，不仅便于样式管理，还可以在多个HTML文件共享样式定义。一个HTML文件允许引用多个不同的CSS样式文件中的样式定义。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

原版Javascript程序设计实验指导书

《Javascript程序设计》实验指导书 一、课程性质和教学目的 JavaScrip是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 学习Javascript必须理论联系实际，多做上机练习。只有在上机实验过程中才能真正学会程序设计。本实验报告主要包括学期内各个实验的实验目的、实验内容、实验记录、实验总结等，供学生学习记录，以提高学习效率。参加实验的学生应参照本报告手册的要求，认真实验，如实填写实验数据，并对实验结果进行分析，阐述实验中所遇到的问题，提出解决问题的方法。 二、实验目的 上机实验的目的不仅是为了验证教材和讲课的内容，或者验证自己所编写的程序正确与否。学习程序设计上机实验的目的是： 1.加深对讲授内容的理解，尤其是一些语法规定，课堂讲授既枯燥无味又难以记忆，但它们都很重要。能过多次上机就能自然地、熟练地掌握。通过上机掌握语法是行之有效的方法。 2.学会上机调试程序。即善于发现程序中的错误，并且能很快排除这些错误，使程序能正确运行。要真正掌握这门课程，不仅应当了解和熟悉有关理论和方法，还要求自己动手实现即会编程并上机调试通过。故应给予充分重视。调试程序固然可以借鉴他人的现成经验，但更重要的是通过自己的直接实践来累积经验，而且有些经验是只能意会难以言传。调试程序的能力是每个程序设计人员应当掌握的一项基本功。 3.做实验时不要在程序通过后就认为搞定、完成任务了，而应当在己通过的程序甚而上作一些改动（例如修改一些参数、增加程序一些功能、改变输入数据的方法等），以观察和分析所出现的情况。 三、上机实验前的准备工作 实验前应做好准备工作，以充分利用有限的上机时间。准备工作至少包括： 1.复习和掌握本实验有关的教学内容。 2.准备好上机所需的程序。初学者切忌不编写程序或抄别人的程序去上机，应从一开始就养成严谨的科学作风。 3.对运行上可能出现的问题应事先作出估计；对程序中自己有疑问的地方，应作上记号，以便在上机时给予注意。 4.根据实验内容认真准备实验程序及调试时所需的输入数据。 5.在上实验课之前必须写好预习报告（编程题源程序用纸写好或画好程序流程图） 6.填空与改错题等题要预先做好，上机时的工作只能是输入源程序和调试修改。

JavaScript实验实训内容

JavaScript 表达式和逻辑控制语句的使用 实验 一．实验目的 掌握JavaScript 的变量； 掌握JavaScript 的数据类型；掌握JavaScript 的运算符；掌握 JavaScript 的逻辑控制语句。 二．实验内容 1、声明一个变量str,为其赋值"Hello World!"，显示该值; 改变该变量值为"Hello China!" ，然后再显示该值。 2、将1~10 之间的奇偶数分开，页面呈现方式如下： 3、任意输入一个年份，判断是否为闰年。

实验二函数部分 一．实验目的 掌握JavaScript 的常用函数； 二．实验内容 编写一个函数，在页面上输出1~1000之间所有能同时被3，5，7 整除的证书，并要求每行显示6 个这样的数。 ex050303.htm

实验目的：常用函数的使用。 实验内容： 利用全局变量和函数，设计模拟幸运数字机游戏。设幸运数字为 8，每次 由计算机随机生成 3 个 1~9之间的随机数，当这 3 个随机数中有一个数字 为 8 时，就算赢了一次。 Ex050309.html

   
   
   实验三
实验目的：常用函数的使用。 实验内容： 利用全局变量和函数，设计模拟幸运数字机游戏。设幸运数字为8，每次由计算机随机生成3个1~9之间的随机数，当这3个随机数中有一个数字为8时，就算赢了一次。 Ex050309.html      varwin_rate=0; //赢率 varplay_times=0; //总次数 varwins=0; //赢的次数 varlast_digits; //上次数字串 varlast_win; //上次是否赢?