JavaScript上机题9.9
javascript期末考试（上机）
javascript期末考试（上机）
JavaScript程序设计期末考试试卷
（上机考试）
【题目】：设计实现如下界面（100分）
界面一（30分）
功能要求：
1.按图片要求设计完成界面，所有带“*”号的选项不允许为空；
2.按提示信息完成每项输入信息的校验；
3.“电子邮件”、“身份证号”、“邮政编码”的输入要符合标准；
4.“生日”采用时间控件的方式实现；
5.“省份”要求扩展为“省”和“市”，通过级联菜单方式实现；
6.单击“注册”按钮，注册信息校验合格后跳转至“界面二”。
界面二（70分）
功能要求：
1.界面内容自拟，不做统一要求；
2.用框架实现整体界面布局（20分）；
3.“日历信息”的实现（10分）；
4.“树形菜单”的实现（10分）；
5.“飘浮广告”的实现（10分）；
6.“电子时钟”的实现（20分）。
JavaScript教程第九章 事件驱动编程
{ alert("您好!"); }
hello_button.onclick = hello; //动态绑定
2021/4/15
中山大学计算机科学系
9
9.2.4 绑定多个事件处理函数
一、attachEvent( ) 方法
元素对象的 attachEvent( ) 方法：
object.attachEvent(event_name, function_handler)
onkeydown：键按下事件 onkeyup：键弹起事件 onkeypress：按键事件
事件顺序
当点击一次字符键时，依次触发 onkeydown、 onkeypress、onkeyup 事件。若按下不放，则持续触发 onkeydown 和 onkeypress 事件
当点击一次非字符键（如 Ctrl 键）时，依次触发 onkeydown、onkeyup 事件。若按下不放，则持续触发 onkeydown 事件
第九章 事件驱动编程
介绍 JavaScript 事件驱动编程的概念和技术， 以及常用事件的基本使用方法
基本概念 事件绑定 使用事件对象 处理鼠标事件 处理键盘事件 处理表单事件 处理编辑事件 处理异常
2021/4/15
中山大学计算机科学系
1
9.1 基本概念
一、事件 事件是指可以被浏览器识别的、发生在页面上的 用户动作或状态变化。其中：
2021/4/15
中山大学计算机科学系
22
9.5.2 识别键盘按键
在键盘事件处理函数中，使用 Event 对象的 keyCode 属性可以识别用户按下哪个键盘键，该属 性值等于用户按下的键盘键对应的 Unicode 键码值 例9.13 显示用户键入的字符
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>这是一个示例页面内容。
js基础考试题和答案
js基础考试题和答案**JS基础考试题和答案**一、单项选择题（每题2分，共20分）1. JavaScript是一种（）。
A. 服务器端语言B. 客户端语言C. 桌面程序语言D. 操作系统答案：B2. 在JavaScript中，以下哪个是合法的标识符？（）A. 2variableB. variable2C. $variableD. variable-2答案：B3. 下列哪个不是JavaScript的数据类型？（）A. NumberB. StringC. BooleanD. Tuple答案：D4. 在JavaScript中，以下哪个是正确的注释方式？（）A. // 这是一个注释B. /* 这是一个注释 */C. <!-- 这是一个注释 -->D. 以上都是答案：D5. JavaScript中，以下哪个是全局对象？（）A. windowB. documentC. navigatorD. 以上都是答案：D6. 在JavaScript中，以下哪个方法用于获取元素的属性值？（）A. getAttribute()B. setAttribute()C. removeAttribute()D. hasAttribute()答案：A7. 在JavaScript中，以下哪个方法用于创建一个新的数组？（）A. new Array()B. new array()C. []D. 以上都是答案：D8. 在JavaScript中，以下哪个方法用于将字符串转换为小写？（）A. toUpperCase()B. toLowerCase()C. toLocaleUpperCase()D. toLocaleLowerCase()答案：B9. 在JavaScript中，以下哪个方法用于将字符串分割成数组？（）A. split()C. slice()D. substring()答案：A10. 在JavaScript中，以下哪个方法用于检查对象是否包含特定的属性？（）A. hasOwnProperty()B. isPrototypeOf()C. propertyIsEnumerable()D. 以上都是答案：A二、多项选择题（每题3分，共15分）1. 在JavaScript中，以下哪些是基本数据类型？（）A. NumberC. BooleanD. Object答案：ABC2. 在JavaScript中，以下哪些是控制结构？（）A. if...elseB. forC. whileD. switch答案：ABCD3. 在JavaScript中，以下哪些是全局函数？（）A. parseInt()B. parseFloat()C. isNaN()答案：ABCD4. 在JavaScript中，以下哪些是事件类型？（）A. clickB. loadC. changeD. submit答案：ABCD5. 在JavaScript中，以下哪些是DOM操作？（）A. getElementById()B. getElementsByTagName()C. createElement()D. appendChild()答案：ABCD三、判断题（每题1分，共10分）1. JavaScript是大小写敏感的。
javascript测试题及答案
javascript测试题及答案JavaScript测试题及答案1. 以下哪个是JavaScript的正确数据类型？A. 字符串B. 整数C. 布尔值D. 所有选项答案：D2. JavaScript中，以下哪个关键字用于创建一个函数？A. functionB. defC. varD. let答案：A3. 在JavaScript中，如何声明一个变量？A. varB. letC. constD. 所有选项答案：D4. 以下哪个方法用于将字符串转换为小写？A. toUpperCase()B. toLowerCase()C. toInt()D. toFloat()答案：B5. 在JavaScript中，以下哪个对象用于处理日期和时间？A. DateB. TimeC. DateTimeD. Moment答案：A6. 如何在JavaScript中创建一个数组？A. var colors = "red", "green", "blue";B. var colors = ["red", "green", "blue"];C. var colors = ("red", "green", "blue");D. var colors = {"red", "green", "blue"};答案：B7. JavaScript中，以下哪个方法用于将数组元素连接成一个字符串？A. join()B. concat()C. merge()D. combine()答案：A8. 在JavaScript中，以下哪个方法用于获取数组的长度？A. length()B. size()C. count()D. length答案：D9. 如何在JavaScript中判断一个变量是否是数组？A. Array.isArray(variable)B. isArray(variable)C. isType(variable, 'array')D. type(variable) == 'array'答案：A10. 在JavaScript中，以下哪个关键字用于循环遍历数组？A. forB. whileC. doD. all答案：A11. 如何在JavaScript中创建一个对象？A. var person = {name: "John", age: 30};B. var person = (name: "John", age: 30);C. var person = ["name", "John", "age", 30];D. var person = function(name, age) { = name; this.age = age;};答案：A12. 在JavaScript中，以下哪个方法用于删除对象的一个属性？A. deleteB. removeC. eraseD. clear答案：A13. 如何在JavaScript中判断一个对象是否具有某个属性？A. hasOwnProperty()B. hasProperty()C. isProperty()D. propertyExists()答案：A14. 在JavaScript中，以下哪个关键字用于声明一个类？A. classB. typeC. structD. object答案：A15. 如何在JavaScript中实现继承？A. 使用 extends 关键字B. 使用 super 关键字C. 使用 prototype 关键字D. 使用 inherit 关键字答案：A。
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>89<!--<p id="one"></p>--><!--⽅法2中:获取节点Id;-->1011<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>。
js 考试题及答案
js 考试题及答案**JS 考试题及答案**一、选择题（每题2分，共20分）1. JavaScript中用于获取当前日期的函数是哪一个？A. `new Date()`B. `getDate()`C. `getToday()`D. `getCurrentDate()`**答案：A**2. 下列哪个是JavaScript中的全局对象？A. `window`B. `document`C. `navigator`D. 以上都是**答案：D**3. JavaScript中，用于定义函数的关键字是？A. `function`B. `def`C. `func`D. `declare`**答案：A**4. 在JavaScript中，如何将字符串转换为小写？A. `toLowerCase()`B. `toUpperCase()`C. `toLower()`D. `toUpper()`**答案：A**5. 下列哪个不是JavaScript的内置对象？A. `Array`B. `Object`C. `String`D. `Vector`**答案：D**6. JavaScript中，用于创建一个新数组的语法是什么？A. `new Array()`B. `Array()`C. `new Array`D. `[]`**答案：D**7. 在JavaScript中，`==`和`===`有什么区别？A. `==`是严格等于，`===`是非严格等于B. `==`是非严格等于，`===`是严格等于C. 两者没有区别D. `==`是类型转换比较，`===`是值比较**答案：B**8. 下列哪个不是JavaScript中的事件类型？A. `click`B. `mouseover`C. `onload`D. `keypress`**答案：C**9. 在JavaScript中，如何判断一个变量是否为数组？A. `typeof arr === 'array'`B. `Array.isArray(arr)`C. `arr instanceof Array`D. 以上都是**答案：C**10. 下列哪个是JavaScript中的异步编程模式？A. PromiseB. CallbackC. GeneratorD. 以上都是**答案：D**二、填空题（每题3分，共15分）1. JavaScript中，`typeof`运算符用于获取变量的____。
最全Javascript面试题及答案全在这
最全Javascript面试题及答案全在这近年来，从事JavaScript的程序员越来越多，JavaScript 的曝光率也越来越高，如果你想转行试试JavaScript，不妨收下这份面试题及答案，没准用得上。
当然，如果针对这些问题，你有更棒的答案，欢迎移步至评论区。
1、什么是JavaScript?(这是基本题，对很多程序员来说也是送分题!) JavaScript是客户端和服务器端脚本语言，可以插入到HTML页面中，并且是目前较热门的Web开发语言。
同时，JavaScript也是面向对象编程语言。
类似的基本题目还包括：JavaScript都有哪些类型?JavaScript是谁发明的?……2、列举Java和JavaScript之间的区别? Java是一门十分完整、成熟的编程语言。
相比之下，JavaScript是一个可以被引入HTML页面的编程语言。
这两种语言并不完全相互依赖，而是针对不同的意图而设计的。
Java是一种面向对象编程(OOPS)或结构化编程语言，类似的如C ++或C，而JavaScript是客户端脚本语言，它被称为非结构化编程。
3. JavaScript和ASP脚本相比，哪个更快? JavaScript更快。
JavaScript是一种客户端语言，因此它不需要Web 服务器的协助来执行。
另一方面，ASP是服务器端语言，因此总是比JavaScript慢。
值得注意的是，Javascript现在也可用于服务器端语言(nodejs)。
4、什么是负无穷大? 负无穷大是JavaScript中的一个数字，可以通过将负数除以零来得到。
5、如何将JavaScript代码分解成几行吗? 在字符串语句中可以通过在第一行末尾使用反斜杠“\”来完成例：document.write(“This is \a program”); 如果不是在字符串语句中更改为新行，那么javaScript会忽略行中的断点。
例：var x=1, y=2, z= x+y; 上面的代码是完美的，但并不建议这样做，因为阻碍了调试。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3 编写一个JavaScript程序，弹出一个讯问生日的对话框，计算出用户的星座并显示在浏览器的状态栏上。
<html><head>xxxxx</head><title>xxxxxx</title><body><script language="javascript">//先显示一个对话框var name=prompt("请输入你的生日","把这里修改为生日");if(name)//如果返回的有内容{//这里得到了用户输入的值，显示到状态栏window.status = name;//你需要在firefox等多浏览器测试下是否可以显示，ie是可以的。
}</script></body></html>javascript时间对象时间对象是JS的内置对象,使用前必须申明,包含日期和时间两类. DATE对象提供三种方法:1.从系统中获取当前的时间和日期;2.设置当时的时间和日期;3.时间,日期转换成其它格式.setYear 设置当前年份setMonth 设置当前月份setDate 设置当前日期setDay 设置当前对象的星期数setHours 设置当前的小时setMinutes 设置当前的分钟setSeconds 设置当前的秒setTime 设置当前的时间(毫秒为单位)---------------------------------现在是2008年12月24日17时34分24秒出生日期是86年11月6日Wed, 24 Dec 2008 09:34:24 UTC2008年12月24日 17:34:24<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>内置对转--Date</title></head><body><script language="javascript">//从系统中获取当前日期var now=new Date();document.write("现在是"+now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日"+now.getHours()+"时"+now.getMinutes()+"分"+now.getSeconds()+"秒"+"<br>");//月份是从0至11计算,故+1.//设置日期var now=new Date();now.setYear(1986);now.setMonth(10);now.setDate(06);document.write("出生日期是"+now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日"+"<br>");//转换日期格式var now=new Date();document.write(now.toGMTString()+"<br>");//转换成GMT格式日期document.write(now.toLocaleString()+"<br>");//转换成本地格式日期</script></body></html>现在是2011年9月2日17时35分19秒出生日期是93年11月6日Wed, 24 Dec 2008 09:35:19 UTC2008年12月24日 17:35:19<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>显示当前时间</title></head><body><script language="javascript">var objDate=new Date();var year=objDate.getFullYear();//定义显示四位年数.var month=objDate.getMonth()+1;//月份从0计算,故加一.var date=objDate.getDate();var day=objDate.getDay();var hours=objDate.getHours();var minutes=objDate.getMinutes();var seconds=objDate.getSeconds();switch(day){case 0:day="星期天";break;case 1:day="星期一";break;case 2:day="星期二";break;case 3:day="星期三";break;case 4:day="星期四";break;case 5:day="星期五";break;case 6:day="星期六";break;}document.write("今天是"+year+"年"+month+"月"+date+"日"+","+hours+":"+minutes+":"+seconds+","+day+"<br>"); </script></body></html>习题1：使用Date对象，计算从当前日期开始的12个月之后的日期，并将其输出在Web 页面上。
习题2：让用户输入一个名字的列表，并将名字保存在数组中。
在程序中循环地提示用户输入一个名字，直到用户输入为空。
然后按升序顺序排列名字，并把名字输出在页面上，每个名字占一行。
操作题：用JavaScript写一个带加减乘除运算的简易计算器。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script language="javascript" type="text/javascript">function result(s){var num1= parseInt(document.form.num1.value)var num2= parseInt(document.form.num2.value)if(s=="+"){document.form.sum1.value=num1+num2;}else if(s=="-"){document.form.sum1.value=num1-num2;}else if(s=="*"){document.form.sum1.value=num1*num2;}else if(s=="/" && num2 !=0){document.form.sum1.value=num1/num2;}}</script></head><body><form action="" name="form" method="post"><table width="271" border="1" cellspacing="0" cellpadding="0"><tr><td height="30" colspan="3" align="left" valign="top">计算器</td> </tr><tr align="center"><td width="107" height="29">第一个数：</td><td width="112"><label><input name="num1" type="text" id="textfield" size="8" /></label></td><td width="44" rowspan="3"><label><input type="button" name="button" id="button" value=" + " onclick="result('+')"/></label><label><input type="button" name="button2" id="button2" value=" - "onclick="result('-')" /></label><label><input type="button" name="button3" id="button3" value=" * " onclick="result('*')" /></label><label><input type="button" name="button4" id="button4" value=" / " onclick="result('/')" /></label></td></tr><tr align="center"><td height="30">第二个数：</td><td><label><input name="num2" type="text" id="textfield2" size="8" /></label></td></tr><tr align="center"><td height="21">计算结果：</td><td><label><input name="sum1" type="text" id="textfield3" size="8" /> </label></td></tr></table></form></body></html>。