下载文档原格式
国家开放大学中央电大2019年12月《JavaScript程序设
计》复习资料
国家开放大学复习资料
国家开放大学中央电大2019年12月《JavaScript程序设计》期末复习资料一、判断题
1．在定义JavaScript变量中，一定要指出变量名和值。
（）2．JavaScript既可以用于Web客户端应用，也可以用于web 服务器端应用。
（）
3．在JavaScript中，可使用Function()定义函数。
Function()可以接受任意多个字符串参数。
（）
4．一个正则表达式就是由普通字符（例如字符a到z）以及元字符组成的文字模式。
（）
5．substring() 方法一共有两个参数，省略第二个参数表示从参数开始位置提、截取到字符串结束。
（）
6．表单的change事件在表单的value属性值发生变化时就会触发。
（）
7．结合CSS类型选择器，可以实现批量改变元素样式的效果。
（）8．改变浏览器当前浏览的网页可以通过设置window.location 来实现。
（）
9．Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
（）。
实验一 JavaScript程序设计基础实验目的1、熟悉JavaScript语言开发和运行环境；2、学习使用EditPlus编写JavaScript源程序；3、了解JavaScript的数据类型；4、掌握各种变量的声明方式；5、理解运算符的优先级；6、掌握JavaScript基本数据类型、运算符与表达式。
实验要求1、使用EditPlus编写JavaScript程序；2、使用Internet Explorer运行程序，并观察运行结果。
实验内容1、使用EditPlus编写源程序要编写JavaScript程序，需要有文本编辑器。
可以使用操作系统提供的Edit 或记事本作为编辑器，最好选择EditPlus 编辑软件，它可以使用不同颜色显示JavaScript的关键字和类名，简单好用。
EditPlus为共享软件，在教育网各个软件下载网站都有下载。
下载安装EditPlus软件后打开EditPlus 编辑软件，如上图所示，在其右边文本区输入以下代码。
将文件命名为first.html，保存为文本文件格式文件，注意保存文件的路径。
使用Internet Explorer运行程序，并观察运行结果。
<html><head><title>编写JavaScript脚本</title><Script Language=“JavaScript” > //在页面上显示一句话document.write(“这是第一个JavaScript例子!”)；</Script></head><body></body></html>2、使用Internet Explorer运行课件中的示例程序，熟悉JavaScript的基础语法；3、基础语法编程练习1.编写一个JavaScript脚本，该脚本定义1个整数，判断一个整数是奇数还是偶数，然后将结论显示到屏幕上。
可编辑修改精选全文完整版国开电大《JavaScript程序设计》（版本2）形考实训一：设计系统主页设计系统主页1. 题目设计系统主页。
2. 目的（1）熟悉Web前端项目开发环境。
（2）掌握如何建立Web前端项目，学会规划项目结构。
（3）掌握动态生成页面内容的方法。
（4）理解如何使用Flash显示图片新闻。
（5）会在应用系统中编写播放动态新闻的程序。
3. 内容建立项目结构，并设计一个系统的主页，在主页中嵌入Flash播放新闻。
4. 要求（1）建立Web前端项目，规划好程序结构。
（2）使用document.write()方法生成播放Flash的J avaScript代码。
（3）可以方便地增减播放的图片新闻数量。
（4）单击图片时能够打开对应的新闻页面。
1、让http://127.0.0.1:8000可以直接访问首页添加一条urls.py配置：urlpatterns = [.....re_path('^$', views.index), # 访问http://127.0.0.1:8000 可以直接访问首页]2、应用bootstrap快速编写index首页导航条（1）引入bootstrap核心文件和jquery<head><!-- 引入Bootstrap 核心CSS 文件--><link rel="stylesheet" href="/static/blog/bootstrap-3.3.7/css/bootstrap.css"><!-- jQuery (Bootstrap 的所有JavaScript 插件都依赖jQuery，所以必须放在前边) --><script src="/static/js/jquery-3.3.1.js"></script><!-- 引入Bootstrap 核心JavaScript 文件--><script src="/static/blog/bootstrap-3.3.7/js/bootstrap.js"></script> <!--依赖jquery--></head>（2）拷入bootstrap导航条模板代码拷贝这些代码到index页面的body标签内。
《Javascript程序设计》实验指导书一、课程性质和教学目的JavaScrip是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
学习Javascript必须理论联系实际，多做上机练习。
只有在上机实验过程中才能真正学会程序设计。
本实验报告主要包括学期内各个实验的实验目的、实验内容、实验记录、实验总结等，供学生学习记录，以提高学习效率。
参加实验的学生应参照本报告手册的要求，认真实验，如实填写实验数据，并对实验结果进行分析，阐述实验中所遇到的问题，提出解决问题的方法。
二、实验目的上机实验的目的不仅是为了验证教材和讲课的内容，或者验证自己所编写的程序正确与否。
学习程序设计上机实验的目的是：1.加深对讲授内容的理解，尤其是一些语法规定，课堂讲授既枯燥无味又难以记忆，但它们都很重要。
能过多次上机就能自然地、熟练地掌握。
通过上机掌握语法是行之有效的方法。
2.学会上机调试程序。
即善于发现程序中的错误，并且能很快排除这些错误，使程序能正确运行。
要真正掌握这门课程，不仅应当了解和熟悉有关理论和方法，还要求自己动手实现即会编程并上机调试通过。
故应给予充分重视。
调试程序固然可以借鉴他人的现成经验，但更重要的是通过自己的直接实践来累积经验，而且有些经验是只能意会难以言传。
调试程序的能力是每个程序设计人员应当掌握的一项基本功。
3.做实验时不要在程序通过后就认为搞定、完成任务了，而应当在己通过的程序甚而上作一些改动（例如修改一些参数、增加程序一些功能、改变输入数据的方法等），以观察和分析所出现的情况。
三、上机实验前的准备工作实验前应做好准备工作，以充分利用有限的上机时间。
准备工作至少包括：1.复习和掌握本实验有关的教学内容。
2024学年6月份考试 JavaScript程序设计期末复习试题一、单选题1. JavaScript特点不包括（）。
A. 解释性B. 用于客户端C. 基于对象D. 静态的正确答案：D2. 对于ECMAScript的描述中，以下说法错误的是（）。
A. 它是一个重要的标准，并不是JavaScript唯一的部分B. 是一种开放的，国际上广为接受的，标准的脚本言规范C. 它主要描述了语法、变量、数据类型、运算符、逻辑控制语句等D. ECMAScript遵循了JavaScript标准正确答案：A3. 我们可以在下列哪个 HTML 元素中放置 Javascript 代码（）。
A. <script><script type="text/javascript"></script>B. <javascript>C. <js>D. <scripting>正确答案：A4. 下面的系统函数中哪个可以判断是否是非数字的函数（）。
A. isNaN( )B. parseInt( )C. parseFloat( )D. function( )正确答案：A5、下列的( )表达式将返回false。
A、 !(3<=1)B、 (4>=4)&&(5<=2)C、 (“a”==”a”)&&(“c”!=”d”)D、 (2<3)||(3<2)正确答案： B6、以下( )语句将正确访问cool数组中的第5个元素。
A、 cool[5]B、 cool(5)C、 cool[4]D、 cool(4)正确答案： C7、以下( )语句不能创建数组。
A、 var myarray = new Array() ;B、 var myarray = new Array(5);C、 var myarray=new Array(2,3);D、 var myarray =new Array[10];正确答案： D8、有语句“var x=0; while(_____) x+=2;”，要使while循环体执行10次，空白处的循环判定式应写为( )。
《JavaScript程序设计》期末复习指导一、填空题1．一个日期对象“sj”执行语句将时间更改为当前时间5分钟后的对象。
sj.setMinutes(sj.getMinutes()+5);2．Javascript中, 如果已知HTML页面中的某标签对象的id=”username”，用document.getElementById(‘username’)方法获得该标签对象。
3. continue 语句结束本次循环，break 命令可以终止循环的运行，然后继续执行循环之后的代码。
4.Javascript里String对象通过方法取第一次出现子字符串的字符位置。
indexOf5.JavaScript中唯一的三元运算符是：条件运算符。
6. 按钮的单击事件是。
click(或者onclick)7.HTML中注释用开始，用结束。
<!--、-->8. continue 语句结束本次循环，break 命令可以终止循环的运行，然后继续执行循环之后的代码。
9.Javascript里String对象可以substring方法裁子串，该方法第二个参数如果省略表示。
从第一个参数位置裁切到字符串末尾10.定义了一个变量，但没有为该变量赋值，如果alert该变量，JavaScript弹出的对话框中显示undefined_ 。
11.JavaScript有两种引用数据类型：和。
Array(数组)、Object(对象) 12．JavaScript是一种基于对象和事件驱动的解释性_____语言，具有与Java类似的语法。
脚本13. window对象实现每隔一定时间间隔自动调用可以使用和两个方法来实现（不分先后顺序）。
setInterval、setTimeout14.浏览器对象模型中可以访问Cookie的对象是。
document15. Select当选择发生变化触发的事件是onchange , 表单提交事件是onsubmit 。
实验 javascript程序设计实验 JavaScript 程序设计章节一、引言本章将介绍实验 JavaScript 程序设计的目的和概述。
1.1 目的本实验旨在帮助学生掌握 JavaScript 程序设计的基本概念和技巧，培养学生编写JavaScript程序并解决实际问题的能力。
1.2 概述本实验涵盖了 JavaScript 程序设计的基本知识，包括变量、数据类型、运算符、控制结构、函数等。
通过实例演示和练习，学生将学会如何使用 JavaScript 进行简单的程序设计。
章节二、JavaScript 程序设计基础本章将介绍 JavaScript 程序设计的基本概念和语法。
2.1 变量2.1.1 变量的定义和声明2.1.2 变量的赋值和使用2.1.3 变量的作用域2.2 数据类型2.2.1 数字型2.2.2 字符串型2.2.3 布尔型2.2.4 数组2.2.5 对象2.3 运算符2.3.1 算术运算符2.3.2 比较运算符2.3.3 逻辑运算符2.3.4 赋值运算符2.4 控制结构2.4.1 条件语句2.4.2 循环语句2.4.3 分支语句2.5 函数2.5.1 函数的定义和调用2.5.2 函数的参数和返回值2.5.3 函数的递归章节三、实践项目本章将介绍一些实际的 JavaScript 程序设计项目，并提供相应的实例和练习。
3.1 网页表单验证3.1.1 检查用户名和密码3.1.2 验证邮箱和方式号码3.2 图片轮播3.2.1 实现图片切换效果3.2.2 添加自动播放功能3.3 计算器3.3.1 实现加减乘除运算3.3.2 添加清除和回退功能章节四、附加内容1、本文档涉及附件本文档附带了一些实例代码和练习文件，作为读者学习和实践的参考材料。
2、本文所涉及的法律名词及注释本文涉及的法律名词及注释仅供参考，读者在实际运用中应遵守当地相关法律法规。
实验7 JavaScript程序设计1一、实验目的：1.掌握程序语言的基本结构；2.深刻理解有关函数中变量的作用域和各类控制语句的功能；二、实验要求：理解Javascript语法知识；三、实验内容：1．先练习课堂上讲的例子。
2、控制语句，用2种方式实现(if语句、switch语句)；根据时间段的不同，在网页中显示不同的问候语，若小时数在12点以前，则输出“早上好！”的问候语，颜色为绿色；若在12点至18点，则输出“下午好！”颜色为黄色；18点以后输出“晚上好！”颜色为黑色。
[参考代码]方法1:<script language="javascript">var curday=new Date();hours=curday.getHours();document.write("现在是："+hours+"点，");if (hours<=12) {document.write("<font color='00ff00'>早上好！</font>");}else if (hours<=18){document.write("<font color='ffff00'>中午好！</font>");}else {document.write("<font color='000000'>晚上好！</font>");}</script>方法2：……3．找出1到100之间能被17整除的数并将其打印出来。
(for,while,do while循环)4.试用JavaScript编程，实现计算并输出100到500的之间的水仙花数（水仙花数是指该数的值等于各位数字的立方和）用for循环，while循环，do while循环三种方法分别实现。
javascript说课稿《Javascript 说课稿》尊敬的各位评委、老师：大家好！今天我说课的题目是《Javascript》。
下面我将从教材分析、学情分析、教学目标、教学重难点、教学方法、教学过程以及教学反思这几个方面来展开我的说课。
一、教材分析本次授课所选用的教材是_____出版社出版的《＿____》。
Javascript 是 Web 开发中非常重要的一门编程语言，在教材中处于重要的地位。
本教材对Javascript 的讲解系统全面，涵盖了基本语法、数据类型、控制结构、函数、对象等核心内容。
通过实例和练习，帮助学生逐步掌握 Javascript 的编程技能，提高解决实际问题的能力。
二、学情分析本次授课的对象是_____专业的学生，他们已经具备了一定的计算机基础知识和编程思维。
但对于 Javascript 这门语言，大多数学生还处于初步接触的阶段。
学生在学习过程中可能会遇到以下困难：一是对 Javascript 中一些抽象的概念理解困难，如对象、原型链等；二是在实际编程中，难以将所学的知识灵活运用，解决复杂的问题。
然而，学生具有较强的好奇心和求知欲，对实际应用感兴趣。
如果能够引导他们通过实践来理解和掌握知识，将能够激发他们的学习积极性。
三、教学目标基于对教材和学情的分析，我制定了以下教学目标：1、知识与技能目标学生能够掌握 Javascript 的基本语法，包括变量、数据类型、运算符、控制结构等。
学生能够熟练使用函数进行代码的封装和复用。
学生能够理解对象和数组的概念，并能够进行基本的操作。
2、过程与方法目标通过实际案例的分析和实践，培养学生的逻辑思维和问题解决能力。
引导学生通过自主探究和合作学习，提高学生的学习能力和团队协作能力。
3、情感态度与价值观目标激发学生对 Javascript 编程的兴趣，培养学生的创新精神和实践能力。
让学生在编程过程中体验到成功的喜悦，增强学生的自信心和学习动力。
《JavaScript程序设计》期末复习题(答案) JavaScript程序设计期末复习题（答案）一、基本概念1.什么是JavaScript？它有哪些特点和优势？JavaScript是一种轻量级的脚本语言，适用于在Web页面上实现交互和动态效果。
它具有以下特点：- 客户端脚本语言：JavaScript可以在客户端（浏览器）上运行，避免了对服务器的频繁请求。
- 弱类型语言：JavaScript的变量不需要指定类型，可以动态绑定值。
- 解释执行：JavaScript代码不需要编译，可以实时执行。
- 面向对象：JavaScript支持面向对象的编程范式，可以使用对象、类、继承等概念。
- 跨平台性：JavaScript可以在不同的操作系统和浏览器上运行。
2.JavaScript中的数据类型有哪些？JavaScript中的数据类型包括：- 基本数据类型：数值（number）、字符串（string）、布尔值（boolean）、null和undefined。
- 引用数据类型：对象（object）、数组（array）、函数（function）。
3.JavaScript中的变量声明有哪些方式？JavaScript中的变量可以使用var、let或const进行声明。
- 使用var关键字声明的变量是函数作用域的，存在变量提升的现象。
- 使用let或const关键字声明的变量是块级作用域的，不存在变量提升的现象。
二、流程控制与函数1.JavaScript中的条件语句有哪些？它们的使用方式是什么？JavaScript中的条件语句包括if语句、if-else语句和switch语句。
- if语句用于判断条件是否为真，如果条件为真则执行特定的代码块。
- if-else语句在条件为真的情况下执行if代码块，否则执行else代码块。
- switch语句根据表达式的值匹配不同的case语句，并执行相应的代码块。
2.JavaScript中的循环语句有哪些？它们的使用方式是什么？JavaScript中的循环语句包括for循环、while循环和do-while循环。
j a v a s c r i p t程序设计实验复习题实验项目1 javascript程序设计3 、思考题：设计 JavaScript 程序，在网页上输出半径为 3 的圆的面积和周长。
<script language="javascript">var r=3;var pi=3.1415;document.writeln(" 圆的半径为： " + r);document.writeln(" 圆的面积为： " + pi*r*r);document.writeln(" 圆的周长为： " + 2*pi*r);</script>实验内容二： JavaScript 对话框4 、思考题：设计密码检测程序，密码输入正确，显示“ 欢迎访问” ，不正确显示“ 密码不正确，好好想哟” 。
<script>var password= "123456";var answer= prompt(" 请输入你的密码 ","");alert((answer == password) ? " 欢迎访问 " : " 密码不正确，好好想想哟！ ");</script>实验内容三： JavaScript 函数的定义及调用教师演示 JavaScript 函数的定义及调用的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。
1 、程序案例 1 －素数判断<script language=javascript>function IsPrime(p){if(p<1) return false;var i;for(i=2;i<p;i++) if (p%i==0) return false;return true;}var x;x=parseInt(prompt(" 请输入 1-100 之间的数字 ","1"));alert(" 该数是否为素数： " + IsPrime(x));</script>实验内容四： JavaScript 分支结构程序设计1 、分支结构程序案例 1 －两个数排序<script language=javascript>var x,y,temp;x = parseFloat(prompt(" 请输入 x 的值： ","0"));y = parseFloat(prompt(" 请输入 y 的值： ","0"));if (x>y){temp = x;x = y;y = temp;}document.writeln(" 排序后 ,x=" + x +";y=" + y)</script>3 、思考题：根据成绩给出学生的考评：如果成绩 >=85, 考评“ 优” ，否则如果成绩 >=60 ，考评“ 及格”, 否则考评为“ 不及格” 。
<script language=javascript>var score,grade;score = parseFloat(prompt(" 请输入学生的成绩 :",""));if (score>=85)grade=" 优 ";else if (score>=75)grade=" 中 ";else if (score>=60)grade=" 及格 ";elsegrade=" 不及格 ";alert(" 根据学生成绩 :" + score +", 评定为 :" + grade);实验内容五： JavaScript 循环结构程序设计教师演示 JavaScript 循环结构程序设计的程序案例，学生按照教师的操作步骤，自己编写该程序。
1 、循环结构程序案例 1 －求1+2+3+…+100 的累计和<script language=javascript>var i,sum=0;for(i=1;i<=100;i++) {sum += i;}document.write("1+2+3+...+100="+sum);</script>2 、循环结构程序案例 2 －二位整数相加的测试程序<script language=javascript>var go_on,x,y,result,answerdo {x = Math.floor(Math.random() *90)+10;y = Math.floor(Math.random() *90)+10;result = x+y;answer = parseFloat(prompt(x + "+" + y + "=","0"));go_on = confirm(((answer==result)?" 答对 ":" 答错 ") +" ！ \t 继续测试吗 ?")} while(go_on)3 、循环结构程序案例 3 －累加用户输入的整数<script language=javascript>var input,input_number,sumfor(sum=0;;) {input = prompt("sum="+sum + "\n 请输入新的累加数 ( 输入 Q 结束 ):","0");if (input==null || input=="Q" || input=="q") break;if (isNaN(input)) continue;input_number = parseFloat(input);if (input_number<=0) continue;sum += input_number;}alert("sum="+sum);</script>4 、思考题：在页面上显示一个“9 × 9 乘法表” 。
<script language=javascript>var i,jdocument.write("<PRE>")for(i=1;i<=9;i++){for(j=1;j<=i;j++){if(j>1) document.write("\t");document.write(j+"×"+i+"="+j*i);}document.writeln();}document.write("</PRE>")</script>实验项目2内置函数和对象7 、思考题：判断用户输入的字符是不是数字，如果是，分别将其转换成浮点数和整数，并显示到网页上。
<script language=javascript>var input = prompt(" 请输入字符！ ","");alert(isNaN(input)?" 你输入的不是数字 ":" 你输入的是数字 ");if(!isNaN(input)) {document.write(parseInt(input)+"<br>");document.write(parseFloat(input));}</script>实验内容二： JavaScript 内置对象的应用5 、思考题：设计 javascript 程序，在网页上随机显示 10 个两位整数。
<script language=javascript>for(i=1;i<=10;i++) {var number = Math.floor(Math.random()*90)+10;document.write(" 随机数 "+i+" ： "+number+"<br>");}</script>三、 Date 对象4 、思考题：在网页上显示当前日期和时间，并显示是星期几。
<script language=javascript>var week,today,week_i;week=new Array(" 星期日 "," 星期一 "," 星期二 "," 星期三 "," 星期四 "," 星期五 "," 星期六 ");today=new Date();year=today.getYear();// 年month=today.getMonth()+1;// 月date=today.getDate();// 日hour=today.getHours();// 小时minute=today.getMinutes();// 分second=today.getSeconds();// 秒week_i=today.getDay();document.write(year+" 年 "+month+" 月 "+date+" 日 "+"\t");document.write(hour+":"+minute+":"+second+"\t"+week[week_i])</script>五、 String 对象5 、 String 对象的最常用属性和方法 length 、 toLowerCase() 、toUpperCase() 、 charAt(index) 、 substr(start,len)6 、程序案例 2_4 ： String 对象的常用方法<script language=javascript>var mystr = "look at this";document.writeln(mystr.charAt(5));document.writeln(mystr.substring(5,7));document.writeln(mystr.toUpperCase());document.writeln(mystr.indexOf("oo"));</script>7 、思考题：将用户输入的字符串反向输出到页面上，并且要求将其中的小写字母转换为大写字母。
