文档库
文档库 最新最全的文档下载
当前位置：文档库 › 网页设计与制作JavaScript 实验

网页设计与制作JavaScript 实验

网页设计与制作JavaScript 实验
网页设计与制作JavaScript 实验

实验十三

【实验内容】

1 、JavaScript 变量、表达式和运算符的使用

2 、JavaScript 对话框的使用

3 、JavaScript 函数的定义及调用

4 、JavaScript 分支结构程序设计

5 、JavaScript 循环结构程序设计

【实验目的与要求】

1 、掌握JavaScript 变量、表达式和运算符的使用

2 、掌握JavaScript 对话框的使用

3 、掌握JavaScript 函数的定义及调用

【实验过程】

实验内容一：JavaScript 变量、表达式和运算符

1 、程序案例1 －显示年龄

2、思考题：

设计JavaScript 程序，在网页上输出半径为 3 的圆的面积和周长。

实验内容二：JavaScript 对话框

1 、提示对话框程序案例

2、思考题：

设计密码检测程序，密码输入正确，显示“ 欢迎访问” ，不正确显示“ 密码不正确，好好想哟” 。

实验内容三：JavaScript 函数的定义及调用

1 、程序案例 1 －素数判断

2 、思考题：设计检测手机号码的程序。

检测手机号码：

示例：

onclick=test(document.form1.number.value)>

实验内容四：JavaScript 分支结构程序设计

1 、分支结构程序案例 1 －两个数排序

2 、思考题：

根据成绩给出学生的考评：如果成绩>=85, 考评“ 优” ，否则如果成绩>=60 ，考评“ 及格”, 否则考评为“ 不及格” 。

实验内容五：JavaScript 循环结构程序设计

1 、循环结构程序案例 1 －求1+2+3+…+100 的累计和

2 、循环结构程序案例 2 －二位整数相加的测试程序

3 、循环结构程序案例 3 －累加用户输入的整数

4 、思考题：

在页面上显示一个“9 × 9 乘法表” 。

【实验小结】

通过这次实验，同学们熟悉了JavaScript 变量、表达式和运算符，理解了JavaScript 对话框的使用，掌握了JavaScript 函数的定义及调用，掌握了分支结构的JavaScript 程序设计，掌握了循环结构的JavaScript 程序设计。

JavaScript实验

实验项目：浏览器脚本语言及其应用 实验类型：设计 实验课时：4 实验目的：研究javascript及其应用 实验方案： 1 研究将JavaScript引入HTML页面 创建一个HTML文件，容如下。在浏览器中打开该文件。分析代码。

3 研究JavaScript名称 创建一个HTML文件，容如下。在浏览器中打开该文件。分析代码。 3 研究JavaScript值 创建一个HTML文件，容如下。在浏览器中打开该文件。分析代码。

你最喜欢的水果是？

  • 苹果
  • 橘子
  • 菠萝
var $li=$("ul li:eq(1)"); var li_txt=$li.text(); alert(li_txt);

var $para=$("p"); var p_txt=$para.attr("title"); alert(p_txt); var $li_1=$("

  • 香蕉
    • "); var $li_2=$("
  • 雪梨
    • "); $("ul").append($li_1); $("ul").append($li_2);

    JavaScript实验报告

    第一次JavaScript实验实验主题：内置对象（1） 实验内容： 1. 熟悉JavaScript常见内置对象及其关系； 2. 熟练应用String对象和Array对象； 3. 动手操作： ①数组的升序与降序排列练习 1 升序排列代码 数组数字大小排序 让数组按照升序降序排列 这里写个数组var array=[89,28,49,654,6758,5768]; 升序输出：

    2降序排列 数组数字大小排序

    降序排列： 这里写个数组var array=[59,689,62,92,68,10]; 降序输出 ②字符串的交叉合并练习

    实验6 JavaScript函数(2)实验报告

    } 练习2：定义一个JavaScript函数calculator()，用于实现简单的计算器。在输入算式之后，单击计算，在该文本框中显示计算结果。 操作步骤如下： （1）在页面中添加用于输入要计算的算式的表单及表单元素。具体代码如下：

    输入要计算的算式：
    （2）编写自定义的JavaScript函数calculator()，用于实现计算器的功能，函数的具体代码如下：(计算器里要考虑异常处理，还要考虑如何把结果放在文本框中(赋值)) 练习:3：在文本框中输入一行字符串，然后分别运用三种编码和解码函数进行编码解码，并显示效果。 操作步骤如下： （1）在页面中添加用于输入一个字符串的表单及表单元素。具体代码如下：
    请输入字符串：

    请选择编码解码类型：

    ：

    javascript实验

    长江职业学院Javascript语言程序设计实验指导书 专业： 学号： 姓名： 班级： 指导老师： 软件教研室编

    实验一 JavaScript基本操作 一、实验目的 熟练掌握在HTML文件中编写JavaScript程序的基本操作，及在Microsoft Internet Explorer浏览器和Netscape的Nevigator浏览器中调试JavaScript的基本操作。 二、实验内容 1、用NotePad创建一个简单的.htm文件，在Microsoft Internet Explorer浏览器中浏览效果。 2、编写第1章中的实例源文件，并在Microsoft Internet Explorer浏览器中进行测试。 3、调试一段JavaScript程序，找出其中的错误。 三、实验步骤 1、通过windows的文件管理器，在c盘下新建一个文件夹jsp_ex,用于保 存实验中的文件，如图1-1所示。 2、在windows中打开“记事本”，（也可以用其他编辑html文件的工具软 件，如Microsoft frontpage,Macromedia Dreamweaver等，编写例1-1的程序，然后将文件保存在C:\jsp_ex文件夹中。 3、用下述任意一种方法，在浏览器中显示，如图1-2。

    A．在图1-1中双击“”文件名。 B．在图1-1中用鼠标右键单击“”，在打开的菜单列表中，如果有所需浏览器名就可以直接点击浏览器名。 C．现在windows中打开所需浏览器，然后按【ctrl】+【o】，在打开的对话框中找到文件。 4、再次编辑文件，将第21行中的“”改写为“”然后按第3步的操作， 得到如图1-3的效果，不能显示“上一次网页更新日期”，这时，通过浏览器的调试工具查找出出错的位置，修改后再次测试。 5、按1-2的步骤，将例1-1改写为“”和“”两个文件即通过外部javascript 文件和html文件一起完成网页的制作。 四、思考练习 1．为什么“上一次网页更新日期”在每一次打开都是同一个时间 2．请写出你在程序编写中出现的错误和改正方法，并分析。

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

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

    HTML实验报告

    东北大学软件学院 《HTML与JavaScript》 实验报告 专业：软件工程 班级：1405 学号：20144706 姓名：张俊怡 完成时间：2015/12/6 指导教师：王蓓蕾 总共页数： 8

    网站主界面：（针对颜色不协调的问题已经改进） 主界面布局： 全程采用table布局，主要分块为上边一块，下边一块，中间过渡用动态效果展示网站信息。 下边左边是主要功能选择区，中间是文字动态区，右边是图片以及视频动态展示区。 采用的CSS方法： Class外部关联和内部关联配合使用 网站整体颜色风格： 用淡雅浅色作为主页背景 编写代码步骤： 最重要的是整体布局，布局好后分块修饰。

    使用了JavaScript 来获取当前系统时间。 网站介绍页面： 使用了较多是js和jQuery

    实现了图片的动态特效。 资料下载页面： 布局方式： 采用table布局，布局较为简单，资料下载这个页面能实现的功能其实包括资料下载和上传。 代码：

    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; //上次是否赢?