JavaScript语言上机作业

合集下载

javascript期末考试（上机）

javascript期末考试（上机）
JavaScript程序设计期末考试试卷
（上机考试）
【题目】：设计实现如下界面（100分）
界面一（30分）
功能要求：
1.按图片要求设计完成界面，所有带“*”号的选项不允许为空；
2.按提示信息完成每项输入信息的校验；
3.“电子邮件”、“身份证号”、“邮政编码”的输入要符合标准；
4.“生日”采用时间控件的方式实现；
5.“省份”要求扩展为“省”和“市”，通过级联菜单方式实现；
6.单击“注册”按钮，注册信息校验合格后跳转至“界面二”。

界面二（70分）
功能要求：
1.界面内容自拟，不做统一要求；
2.用框架实现整体界面布局（20分）；
3.“日历信息”的实现（10分）；
4.“树形菜单”的实现（10分）；
5.“飘浮广告”的实现（10分）；
6.“电子时钟”的实现（20分）。

JavaScript 移动端开发练习题及答案

JavaScript 移动端开发练习题及答案一、题目: 移动端页面布局实践在移动端开发中，页面布局是一个重要的环节。

请你按照以下要求完成一个移动端页面的布局。

要求：1. 使用HTML和CSS编写代码。

2. 页面布局分为两列，左侧为菜单栏，右侧为主内容区。

3. 菜单栏的宽度为20%，背景颜色为#333333，字体颜色为#FFFFFF，菜单项的高度为40px，垂直居中对齐。

4. 主内容区的宽度为80%，背景颜色为#EEEEEE，文字的大小为16px，行高为1.5倍。

5. 在手机屏幕上，菜单栏和主内容区要自适应屏幕的宽度。

代码实现：```html<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><style>body {margin: 0;padding: 0;}.menu {width: 20%;height: 100vh;background-color: #333333;color: #FFFFFF;font-size: 16px;display: flex;flex-direction: column;justify-content: center;}.content {width: 80%;background-color: #EEEEEE;color: #000000;font-size: 16px;line-height: 1.5;padding: 20px;}</style></head><body><div class="menu"><div>菜单项1</div><div>菜单项2</div><div>菜单项3</div></div><div class="content"><h1>主内容</h1><p>这是一个示例页面内容。

大工20春《JavaScript基础教程与应用》在线作业3答案

大工20春《JavaScript基础教程与应用》在线作业3答案(单选题)1:不属于Javascript的基本组成的是( )。

A: DOMB: BOMC: ECMAScriptD: jQuery正确答案: D(单选题)2:关于JavaScript Math对象的说法,正确的是( )。

A: Math.ceil(512.51)返回的结果为512B: Math.floor( )方法用于对数字进行下舍入C: Math.round(-512.51)返回的结果为-512D: Math.random( )返回的结果范围为0-1，包括和1正确答案: B(单选题)3:在JavaScript中,下面说法错误的是( )。

A: setInterval( )用于在指定的毫秒后调用函数或计算表达式，可执行多次B: setImeout( )用于在指定的毫秒后调用函数或计算表达式，可执行一次C: setInterval( )的第一个参数可以是计算表达式也可以是函数变量名D: clearInterval( )和clearTimeout( )都可以消除setInterval( )函数设置的timeout正确答案: D(单项选择题)4: JavaScript中,关于window工具办法的说法毛病的是( )。

A: window工具包孕location工具、history工具和docuement工具B: XXX( )办法中的代码会在一个该页面加载完成后履行C: window.open( )办法用于在当前欣赏器窗口加载指定的URL文档D: window.close( )办法用于封闭欣赏器窗口正确答案: C(单项选择题)5:在JavaScript中,关于变量的声明和赋值语句毛病的是( )。

A: x = 10;B: int x = 10.C: var x = 10;D: var x,y,x = 10;正确答案: B(单选题)6:在JavaScript中,下列可以获取滚动条距窗口顶端滚动的距离的是( )。

js练习题编程

js练习题编程在互联网时代，JavaScript（简称为JS）已经成为了一门重要的编程语言。

它广泛用于网页开发、应用程序开发以及移动应用开发等领域。

为了提高自己的编程技能，掌握JS语言是不可或缺的。

为此，我为大家整理了一些JS练习题，希望能够帮助大家更好地巩固JS编程知识。

一、基础题1. 编写一个JS函数，实现两个数相加并返回结果。

2. 编写一个JS函数，判断一个数是否为偶数，并返回true或false。

3. 编写一个JS函数，实现对一个数组进行排序，并返回排序后的数组。

4. 编写一个JS函数，计算一个数组中所有元素的平均值，并返回结果。

二、中级题5. 编写一个JS函数，实现对一个字符串进行逆序输出，并返回逆序后的字符串。

6. 编写一个JS函数，实现对一个数组中的负数进行求和，并返回结果。

7. 编写一个JS函数，统计一个字符串中某个字符出现的次数，并返回次数。

8. 编写一个JS函数，将一个二维数组转化为一维数组，并返回结果。

三、高级题9. 编写一个JS函数，从一个数组中过滤出所有的奇数，并返回结果。

10. 编写一个JS函数，判断一个字符串是否为回文，即正序和逆序相同，并返回true或false。

11. 编写一个JS函数，实现对一个对象数组按照某个属性进行排序，并返回排序后的数组。

12. 编写一个JS函数，将一个字符串中的字母全部转换为大写，并返回结果。

以上是一些适用于不同难度层次的JS练习题。

通过不断地解答这些题目，我们可以加深对JS编程语言的理解，提高编程能力。

当然，这只是一个起点，要想真正掌握JS，还需要不断学习和实践。

希望大家能够积极参与到JS编程的练习中，不断提升自己的技术水平。

祝大家编程愉快！。

javascript练习题推荐

javascript练习题推荐JavaScript是一种广泛应用于网页开发的脚本语言，通过学习和练习JavaScript，可以提升你的编程能力并构建出更加交互动态的网页。

本文将推荐一些适用于不同水平的JavaScript练习题，帮助你巩固和扩展自己的JavaScript技能。

一、初级练习题1. 简单计算器：编写一个JavaScript函数，实现简单的加减乘除运算。

要求用户输入两个数字和运算符，然后输出计算结果。

2. 奇数偶数判断：编写一个JavaScript函数，判断给定的数字是奇数还是偶数。

要求用户输入一个数字，然后输出结果。

3. 字符串反转：编写一个JavaScript函数，将给定的字符串反转并输出。

要求用户输入一个字符串，然后输出反转后的结果。

二、中级练习题1. 数组去重：编写一个JavaScript函数，实现数组去重。

要求给定一个数组，输出去除重复元素后的新数组。

2. 阶乘计算：编写一个JavaScript函数，计算给定数字的阶乘。

要求用户输入一个数字，然后输出计算结果。

3. 查找最大元素：编写一个JavaScript函数，找出给定数组中的最大元素并输出。

要求给定一个数组，输出最大元素的值。

三、高级练习题1. Todo List：编写一个简单的Todo List应用，实现添加、删除、标记已完成等功能。

要求使用JavaScript构建前端交互，并能够保存和读取用户的Todo List。

2. 时间倒计时：编写一个JavaScript函数，实现倒计时功能。

要求用户输入一个目标日期和时间，然后输出距离目标时间还有多少时间。

3. 图片轮播：编写一个JavaScript函数，实现图片轮播功能。

要求用户输入一组图片地址，并能够在页面上自动切换展示不同的图片。

通过完成以上练习题，你可以逐渐提升自己的JavaScript编程能力。

同时，你也可以根据自己的兴趣和需求，寻找更多的练习题来进行实践。

记住，不断练习是成为一名优秀JavaScript开发者的关键！。

javascript练习

上机练习：javascript语法练习
上机内容：
1.Html语言
2.javascript语法
上机题目：
1.编写第一个javascript程序t1.html，使用document.write在网页中
输出hello javascript！
2.编写t2.html，实现网页中显示自己姓名，当鼠标经过姓名上方时
弹出提示信息“我是某某某，欢迎点击”
3.编写t3.html，实现网页中显示自己姓名，将2中鼠标经过事件改
为单击、双击等事件时弹出alert消息“我是某某某，欢迎点击”
4.编写t4.html，实现网页中显示自己姓名，当鼠标经过姓名上方时
调用自己写的test函数弹出5个提示信息“我是某某某，欢迎点击”
5.编写t5.html，将4中test函数存在test.js中，实现4中功能。

6.编写t6.html，实现加载页面时弹出alert消息“欢迎光临我的网页”，
关闭本页面时弹出alert消息“欢迎下次光临”。

7.编写t7.html，使用javascript模拟双色球的抽奖过程（使用alert
或者document.write输出结果）
8.编写t8.html，实现在文本框中输入某个数值，点击计算按钮实现
求和，显示alert“1+2+--n的值为：--”
9.编写t8.html，实现在提示框框中输入某个数值，点击计算按钮实
现求和，在网页中显示“1+2+--n的值为：--”。

javascript大作业案例

javascript大作业案例【原创版】目录一、JavaScript 概述二、JavaScript 大作业案例分析1.案例一：图片轮播2.案例二：弹出窗口3.案例三：表单验证三、JavaScript 的应用领域四、总结正文一、JavaScript 概述JavaScript 是一种脚本语言，通常用于开发 Web 应用程序。

它可以在浏览器中运行，使得网页具有交互性。

JavaScript 可以对网页上的元素进行操作，例如改变元素的样式、添加或删除元素等。

它还可以与服务器进行通信，以获取或发送数据。

二、JavaScript 大作业案例分析1.案例一：图片轮播图片轮播是一个常见的 JavaScript 应用。

通过 JavaScript，可以实现图片的自动切换，以及图片的左右切换。

在图片轮播的实现中，主要涉及到图片的选取、图片位置的改变、定时器的使用等。

2.案例二：弹出窗口弹出窗口是另一种常见的 JavaScript 应用。

通过 JavaScript，可以在网页上打开一个新的窗口。

在弹出窗口的实现中，主要涉及到窗口的创建、窗口的大小和位置设置、窗口的关闭等。

3.案例三：表单验证表单验证是 JavaScript 在网页表单中的应用。

通过 JavaScript，可以对用户输入的数据进行验证，以确保数据的正确性。

在表单验证的实现中，主要涉及到表单的提交事件、输入框的值获取、验证规则的设置等。

三、JavaScript 的应用领域JavaScript 可以应用于各种 Web 应用程序中，例如网页游戏、电子商务网站、社交媒体应用等。

它使得这些应用具有交互性，可以提高用户的体验。

四、总结JavaScript 是一种重要的脚本语言，它可以使网页具有交互性。

通过 JavaScript，可以实现各种 Web 应用程序，例如图片轮播、弹出窗口、表单验证等。

JavaScript第4章上机练习（全部）

JavaScript第4章上机练习（全部）ps:代码不多,易理解,简单,⼀次性上传.上机练习1,代码如下:1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>创建person对象</title>6</head>7<body>8<p id="intro"></p>9<script type="text/javascript">10var person = new Object();11 = "朗⼩明";12 person.age = 18;13 person.work = "中国内地男演员,歌⼿";14 person.address = "中国北京海淀区";15 person.intro = function () {16var str = "姓名:" + + "<br>年龄:" + this.age + "<br>⼯作:" + this.work + "<br>住址:" + this.address;17 document.getElementById("intro").innerHTML = str;18 }19 person.intro();20</script>21</body>22</html>上机练习2,代码如下:1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>创建person构造函数</title>6</head>7<body>8<p id="title"></p>9<script type="text/javascript">10function Person() {1112 }13 ="朗⼩明";14 Person.prototype.age=38;15 Person.prototype.work="中国内地男演员,歌⼿";16 Person.prototype.address="中国北京海淀区";17 Person.prototype.sPerson=function () {18var str="姓名:" + + "<br>年龄:" +this.age+ "<br>⼯作:" + this.work + "<br>住址:" + this.address;19 document.getElementById("title").innerHTML=str;20 }21var person=new Person();22 person.sPerson();23</script>24</body>25</html>上机练习3,代码如下:1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>创建Person对象并画原型链图</title>6</head>7<body>8<script type="text/javascript">9function Person() { //创建构造函数Person,添加属性10this.nation="汉族";11this.skinColor="黄⾊"12this.showNation=function () { //添加⽅法,并返回属性值13return this.nation;14 }15this.showSkinColor=function () { //同上,同理16return this.skinColor;17 }18 }1920function Woman() { //创建构造函数Woman,添加属性21this.sex="⼥";22 }23 Woman.prototype=new Person(); //Woman继承Person24 Woman.prototype.showSex=function () { //为Woman函数添加⽅法,返回性别25return this.sex;26 }27var woman1=new Woman(); //创建Woman的实例对象woman128 document.write("民族:"+woman1.showNation()); //调⽤⽅法,页⾯显⽰内容29 document.write("<br><br>肤⾊:"+woman1.showSkinColor());30 document.write("<br><br>性别:"+woman1.showSex());31</script>32</body>33</html>ps:画原型链图? ?no no no 别想了,不存在的.上机练习4,代码如下:1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>创建继承Person的Student⼦类</title>6</head>7<body>891011<script type="text/javascript">12function Person() { //创建构造函数Person,添加属性 = "张三";14this.chinese = "98";15this.math = "80";16this.showName = function () { //添加⽅法,并分别返回17return ;18 }19this.showChinese = function () {20return this.chinese;21 }22this.showMath = function () {23return this.math;24 }25 }2627function Student() { //创建构造函数Student2829 }3031 Student.prototype = new Person(); //继承Person的属性和⽅法32 Student.prototype.age = "25"; //添加属于⾃⼰的属性年龄33 Student.prototype.showAge = function () { //添加属于⾃⼰的⽅法,并返回34return this.age;35 }36var student = new Student(); //创建Student的对象37//在页⾯上输出实例的姓名,语⽂,数学和年龄.38// ⽅法1:39 document.write("姓名:" + student.showName() + "<br><br>语⽂:" + student.showChinese() + "<br><br>数学:" + student.showMath() + "<br><br>年龄:" + student.showAge()); 4041//⽅法2:42/* student.End = function () { //回顾下前⾯学的⿇烦,上个简单好⽤.43 var str = "姓名:" + student.showName() + "<br>语⽂:" + student.showChinese() + "<br>数学:" +44 "<br>年龄:" + student.showAge();45 document.getElementById("one").innerHTML = str;46 }47 student.End();*/48</script>49</body>50</html>。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

《JavaScript语言》上机作业
一、JavaScript概述（教材第1章第15页）
1、编写JavaScript脚本，弹出一个对话框输出“我喜欢学JavaScript”，并进行测试。

2、编写JavaScript脚本，计算商品的销售额，并存储在单独的add.js文件中，然后在index.html文件中调用脚本文件，并运行JavaScript程序。

二、JavaScript编程基础（教材第3章第68页）
1、应用if条件语句判断2009年是平年还是闰年，并输出结果。

2、应用switch分支语句输出系统的当前时间是星期几，并输出结果。

3、应用while循环语句将指定的字符串“学习JavaScript很容易！”输出10次，并且每次输出的字号逐渐递增。

4、应用for循环语句输出一年中的月份，并且每个月份要以不同的颜色进行区分。

5、定义一个名为check()的函数，用来检测表单中用户名是否为空。

当用户单击表单中的“提交”按钮时，检索用户名文本框是否为空，如果为空则弹出提示信息。

三、JavaScript常用内置对象（教材第4章第83页）
1、应用JavaScript的日期对象获取系统的当前日期和时间，并用中文格式显示。

（提示：可参考例4-1）
2、应用JavaScript脚本对输入日期合法性进行判断。

（提示：可参考例3-13）
3、编写JavaScript程序实现：检查字串是否是有效的字串，字串中包含0到9的数字、英文字母、下划线、减号、空格均为有效字符，否则为无效字符。

4、编写JavaScript程序实现：随机产生n位字串密码，且该字串中只能包含0到9的数字和英文字母。

5、编写JavaScript程序实现：用图像显示系统日期，如：。

6、应用Array对象的length属性获取已创建的字符串对象的长度，并输出长度值。

（不做）
7、应用Array对象和Date对象输出系统的当前日期是星期几。

8、编写JavaScript程序实现：计算器的功能。

界面如图：（选做）
四、事件（教材第5章）
1、编写JavaScript程序实现：
（1）在页面加载完成后弹出“欢迎进入本网页”对话框，在用户退出页面后，弹出“谢谢浏览”对话框。

（2）页面加载后文本“JavaScript很好学”以“宋体”格式显示，单击“确定”按钮后，弹出一个输入提示框，当向该提示框中输入“红色”并确定后，页面中的文本以红色的“黑体”格式显示。

（3）单击“变换背景”按钮，动态改变页面的背景颜色。

（4）利用鼠标的按下和松开事件制作超链接的效果，即在文本上按下鼠标时，改变文本的颜色，在文本上松开鼠标时，恢复文本的默认颜色并打开一个新的窗口。

（5）当鼠标在图片上移入和移出时，动态改变图片的显示效果（用CSS滤镜Alpha属性）。

（6）当鼠标移动到指定的文字时，动态显示飞出来的星形标记（通过层），当鼠标移出指定的文字时，隐藏星形标记。

（7）当按下键盘上的a键时，对页面进行刷新。

2、编写JavaScript程序实现：
（1）当用户打开网页时，在浏览器上以固定的大小显示网页，当用鼠标拖曳
浏览器边框改变其大小时，浏览器将恢复原始大小。

（2）在网页中插入一张图片，在网页加载时，将图片缩小成指定的大小显示，当鼠标移动到图片上时，图片恢复成原始大小，当鼠标移出图片后，图片又缩小成指定的大小。

（3）在网页中插入一个用户登录表单，当用户选择页面中的文本框时，改变文本框的背景颜色为淡蓝色，当离开文本框时，文本框的背景颜色恢复为原始状态。

（4）在网页中插入一下拉列表框，当用户选择下拉列表框中的颜色时，改变网页中文本框的字体颜色。

（5）输入一段文字，设置字幕上下循环滚动，当字幕到达窗口边界时，改变字幕的滚动速度。

（6）输入一段文字，设置字幕向上滚动，并动态改变其文字颜色。

（7）屏蔽在文本框中的复制、剪切操作，设置页面中除text类型以外的所有文本内容都不能进行选择操作。

五、JavaScript常用文档对象（教材第6章）
1、设计一个用户注册页面，编写JavaScript程序实现：用户名的验证、密码的验证、电子邮件的验证、电话的验证、电话号码的验证、E-mail的验证。

（参见例6-5）
2、编写JavaScript程序实现：广告图片以多种形式在页面中显示。

（参见例6-10）
六、JavaScript常用窗口对象（教材第7章）
1、编写JavaScript程序实现：
（1）单击网页上的链接，打开一个窗口，在此新窗口中显示指定地址的网页，新窗口的宽度为300像素、高度为300像素，窗口左上角至屏幕左上角的高度和宽度为200像素和200像素；
（2）将上述新窗口置于屏幕的左上角，并将窗口从左到右以随机的角度进行移动，当窗口的外边框碰到屏幕的4个边时，窗口将进行反弹。

2、编写程序实现：打开的页面出现纵向滚动条时，页面中的内容将从上向下进行滚动，滚动到页面最底端时停止。

3、编写程序实现：打开网页后，在网页中单击超链接“打开JavaScript习题集”，在屏幕的左上角会弹出相应的窗口，并动态增加窗口的宽度和高度，直到窗口与屏幕可用大小相同为止。

4、编写程序实现：在网页中适时显示系统日期和时间。

5、制作框架网页，如下图所示，分为左、中、右三个框架页，在中间框架网页
中有三个按钮，分别实现：隐藏右框架网页、显示左和右框架网页、隐藏左框架网页，并实现左和右框架的滚动条连动。

（提示：通过设置document.body.cols
的值控制框架网页的显示与隐藏，通过onscroll=
"parent.frame2.document.body.scrollTop= parent.frame1.document.body.scrollTop"设置滚动条的连动）（选做）
七、JavaScript与动态网页（参考及FTP上的课件）
1、编写JavaScript程序实现：图像浏览器的功能，如下图
2、编写JavaScript程序实现：滚动的友情链接。

即：图片串由右向左不断滚动，当鼠标移入图片时图片串停止滚动，单击某图片打开相应的链接，鼠标移开图片时图片串继续滚动。

（选做）
3、编写JavaScript程序实现图像链接的动态效果：图像的一般状态下图像显示效果如下图a所示，当鼠标移入图像时图像的Alpha值逐渐变化，最终效果如下图b所示。

a 图像链接的link状态
b 图像链接的hover状态
4、编写JavaScript程序实现：学生档案的动态显示。

最终效果如下图：（选做）。