网页设计进阶篇-Javascript 网页交互智慧树知到课后章节答案2023年下厦门兴才职业技术学院
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
网页设计进阶篇-Javascript 网页交互智慧树知到课后章节答案2023年下厦门兴才职业技术学院
厦门兴才职业技术学院
任务一测试
1.JavaScript代码必须出现在下面的哪个标签内部才可以被执行?()。
A:script B:head C:div D:body
答案:script
2.需要在 html 页面上引用脚本文件myJs.js,下列语句中,正确的是()。
A:<script type="text/javascript"></script> B:<script href="myJs.js"
type="text/javascript"></script> C:<script type="text/javascript" />
D:<script href="myJs.js" type="text/javascript" />
答案:<script type="text/javascript"></script>
3.以下哪个不是javascript语言的特点:()。
A:脚本语言 B:基于对象 C:跨平台 D:编译执行
答案:编译执行
4.在页面中使用JavaScript有哪些方法,不正确的是()。
A:使用<script> 标签将JavaScript 代码嵌入到网页中 B:放置在由<style> 标记的href 属性指定的外部文件中(正确答案) C:放置在由<script> 标记的src 属性指定的外部文件中 D:放置在HTML标签以on开头的属性即事件处理程序中
答案:放置在由<style> 标记的href 属性指定的外部文件中(正确答案)
5.以下哪种方式是在控制台输出?()。
A:prompt B:alert C:document.write D:console.log
答案:console.log
任务二测试
1.有下述JS代码: var i = 0; var sum = 0; do{ i++; if( i%2 === 0){ continue; }
if( i%5=== 0){ break; }
sum += i; }while( i<10 ); console.log( ‘sum=’ + sum ); 其运行结果应该是下列哪项()。
A:sum=Infinity B:sum=0 C:死循环 D:sum=4
答案:sum=4
2.下列JavaScript的判断语句中( )是正确的。
()。
A:if i==0 then B:if(i=0) C:if i=0 then D:if(i==0)
答案:if(i==0)
3.代码的输出结果是()
var str =""; var i = 1; while(i <= 10){ if(i % 2){ str += i + ’ '; } i ++; }
document.write(str +‘ ’);
A:1 3 5 7 9 B:1,3,5,7,9 C:2,4,6,8,10 D:2,4,6,8
答案:1 3 5 7 9
4.下面不是分支语句使用的关键字为()?()。
A:if B:for C:else D:case
答案:for
5.while语句的正确使用是()?()。
A:while i=(1<>10) B:while(i<=10;i++;) C:while i=1 to 10 D:while(i<=10)
答案:while(i<=10)
任务三测试
1.以下代码执行后,分别弹出来的值是:
var num1=1; function testf1(){ num1=2; var num1; alert(num1); }
function testf2(){ alert(num1); } testf1(); testf2();?()。
A:2,1 B:undefined,undefined C:2,undefined D:2,2
答案:2,1
2.var x = 1; function fn(n){ n = n+1; }; y = fn(x); y 的值为()?()
A:1 B:Undefined C:3 D:2
答案:Undefined
3.分析下段代码输出结果是(),var t = 10; function test(test){ t = t + test;
var t = 3; console.log(t); } test(t);()
A:3 B:13 C:6 D:23
答案:3
4.代码的输出结果是 function add(){ var sum = 1 + 2; console.log( sum ); }
console.log(sum) ;()?()。
A:输出一个undefined B:输出一个3 C:输出两个3 D:程序报错
答案:程序报错
5.以下代码运行的结果是 var num =5; function fn(){ num =1; } fn(); alert( num )
()?()。
A:报错 B:1 C:undefined D:5
答案:1
任务四测试
1.下面选项中,删除数组的最后一个元素的方法是?()。
A:push() B:shift() C:unshift() D:pop()
答案:pop()
2.下列创建数组的方式,错误的是?()。
A:var arr = new array(); B:var arr =[]; arr.length = 3; C:var arr = new Array();
D:var arr = [];
答案:var arr = new array();
3.下列选项中,可以实现颠倒数组中元素的位置的是?()。
A:lastIndexOf() B:sort() C:indexOf() D:reverse()
答案:reverse()
4.关于Javascript中数组的说法中,不正确的是:()
A:可以在声明数组的同时进行赋值 B:数组的长度必须在创建时给定,之后便不能改变 C:数组内元素的类型可以不同 D:由于数组是对象,因此创建数组
可以使用new运算符
答案:数组的长度必须在创建时给定,之后便不能改变
5.var arr=new Array(3);arr[3]=’aaa’; console.log(arr.length)控制台返回数组的
长度是()
A:不确定 B:4 C:1 D:5
答案:4
任务五测试
1.调用函数时,不指明对象直接调用,则this指向()对象?()。
A:window B:Object C:Function D:document
答案:window
2.通过[].constructor访问到的构造函数是?()。
A:Function B:Object C:Undefined D:Array
答案:Object
3.Math对象的原型对象是?()。
A:Object B:Object.prototype C:Math.prototype D:Function.prototype
答案:Object.prototype
4.在Javascript浏览器对象模型中,window对象的()属性用来指定浏览器
状态栏中显示的临时消息。
()
A:document B:status C:screen D:history
答案:status
5.在Javascript中,可以使用Date对象的( )方法返回一个月中的每一天。
()
A:getYear B:getTime C:getMonth D:getDate
答案:getDate
任务六测试
1.在某一页面下载时,要自动显示出另一页面,可通过在<body>中使用下边
的哪一事件来完成?()。
A:onunload B:onchange C:onload D:onclick
答案:onload
2.以下不属于鼠标事件的是?()。
A:onclick B:onmouseover C:onload D:onmouseout
答案:onload
3.下列事件中,不会发生冒泡的是?()。
A:mouseout B:blur C:keyup D:click
答案:blur
4.Chrome浏览器中,获取鼠标单击页面位置的是?()。
A:screenX和screenY B:pageX和pageY C:clientX和clientY D:scrollLeft和scrollTop
答案:pageX和pageY
5.下面选项可在IE8浏览器中获取事件对象的是?()。
A:对象.event B:Window.event C:document.event D:元素对象.event
答案:Window.event
任务七测试
1.正则表达式“/[m][e]/gi”匹配字符串”programmer”的结果是?()。
A:m B:me C:e D:programmer
答案:me
2.下列正则表达式的字符选项中,与”*”功能相同的是?()。
A:. B:+ C:? D:{0,}
答案:{0,}
3.下列选项中,可以完全正则表达式中特殊字符转义的是()
A:# B: C:/ D:$
答案:\
4.能够在字符串中匹配“aab”,⽽不能匹配“aaab”和“aaaab”的正则表达式包括?
()。
A:r“aaa??b” B:r“a*?b” C:r“a{,2}b” D:r“aa??b”
答案:r“a{,2}b”
5.不能完全匹配字符串"(010)-62661617"和字符串"010********"的正则表达式
包括()
A:r"[(]?d*[)-]*d*" B:r"[0-9()-]+" C:r"[0-9(-)]*d*" D:r"(?d{3})?-?d{8}"
答案:r"[0-9(-)]*\d*"
任务八测试
1.alert('test')与Alert('test')都表示以警告框的形式弹出test提示信息。
()
A:对 B:错
答案:错
2.表达式“var a = 1, b = 1;console.log(++a)”的输出结果是2。
()
A:错 B:对
答案:对
3.continue关键字,在循环语句中使用时,可以用来立即跳出本次循环。
()
A:错 B:对
答案:对
4.while语句可以在条件表达式为true的前提下,循环执行指定的一段代码,
直到条件表达式为false时结束循环。
()
A:对 B:错
答案:对
5.函数内通过关键子var定义的变量可以在全局作用域下进行访问。
()
A:对 B:错
答案:错
6.IE8浏览器中可通过preventDefault()方法阻止<a>元素的默认行为。
()
A:错 B:对
答案:错
7.在事件发生时,若未设置事件处理程序的参数,就不会产生事件对象。
()
A:错 B:对
答案:错
8.事件对象的type属性可以获取发生事件的类型。
()
A:错 B:对
答案:对
9.正则表达式中,可通过反向引用获取子表达式的捕获内容。
()
A:对 B:错
答案:对
10.正则表达式[^a]的含义是匹配以a开始的字符串。
()
A:错 B:对
答案:对
任务九测试
1.编写Javascript函数实现网页背景色选择器,下列选项中正确的是()
A:functionchange(color){document.bgColor=color;}
B:functionchange(color){body.bgColor=color; }
C:functionchange(color){form.bgColor=color;}
D:functionchange(color){window.bgColor=color;}
答案:functionchange(color){document.bgColor=color;}
2.下列选项中关于JavaScript浏览器对象中history对象的说法错误的是?
()。
A:history对象记录了用户在一个浏览器中已经访问过的URL B:应用history 对象的方法可以实现IE浏览器中“前进”和“后退”按钮的功能 C:应用history 对象的back()方法相当于“前进”按钮,forward()方法相当于“后退”按钮
D:history对象的父对象是JavaScript浏览器对象的根对象window
答案:应用history对象的back()方法相当于“前进”按钮,forward()方法相当于“后退”按钮
3.某网页中有一个窗体对象,其名称是mainForm,该窗体对象的第一个元素是
按钮,其名称是myButton,表述该按钮对象的方法是()
A:document.forms[0].element[0] B:document.forms.myButton
C:document.myButton D:document.mainForm.myButton
答案:document.mainForm.myButton
4.如果在HTML页面中包含如下图片标签,则选项中的()语句能够实现隐
藏该图片的
功能。
()
<im g id=”pic”src=”Sunset.jpg”width=”400”height=”300”>
A:document.getElementById(“pic”).style.display=”none”;
B:document.getElementById(“pic”).style.display=”block”;
C:document.getElementById(“pic”).style.display=”disvisible”;
D:document.getElementById(“pic”).style.display=”visible”;
答案:document.getElementById(“pic”).style.display=”none”;
5.以下( )表达式产生一个0~7之间(含0,7)的随机整数。
()
A:Math.floor(Math.random()*8) B:Math.floor(Math.random()*7)
C:Math.floor(Math.random()*6) D:Math.ceil(Math.random()*8)
答案:Math.floor(Math.random()*8)
任务十测试
1.javascript是java语言的脚本形式。
()
A:错 B:对
答案:错
2.Boolean(undefined)方法的运行结果等于true。
()
A:错 B:对
答案:错
3.表达式(-5)%3的运行结果等于-2。
()
A:对 B:错
答案:对
4.表达式”[a,b]=[12,34,56]执行后,变量b 的值为34。
()
A:对 B:错
答案:对
5.函数”((a,b)=>a*b)(6,2);”的返回值是12。
()
A:对 B:错
答案:对
6.若var a={};则console.log(a=={});的输出结果为true()
A:对 B:错
答案:错
7.在BOM中,所有对象的父对象是window。
()
A:错 B:对
答案:对
8.删除节点的removeChild()方法返回的是一个布尔类型值。
()
A:错 B:对
答案:错
9.全局变量可以通过window对象进行访问。
()
A:对 B:错
答案:对
10.pushState()方法可以实现跨域无刷新更改URL。
()
A:对 B:错
答案:对
任务十一测试
1.通过外链式引入Javascript时,可以省略</script>标记。
()
A:对 B:错
答案:错
在Javascript中是合法的变量名。
()
A:错 B:对
答案:错
3.表达式“[1,2,'1','2'].lastIndexOf('1',1)”的返回值是-1。
()
A:对 B:错
答案:对
4.表达式“[12,15,8].find(function(ele){return ele>=10})”的返回值是12。
()
A:对 B:错
答案:对
5.查询一个对象的构造函数使用contructor属性。
()
A:对 B:错
答案:对
6.screen对象的outerHeight属性用于返回屏幕的宽度。
()
A:对 B:错
答案:错
7.document.querySelector(‘div‘)可用于获取文档中全部div元素。
()
A:对 B:错
答案:错
8.设置location.href属性的方法无法改变当前网页的网址。
()
A:错 B:对
答案:错
和obj[‘name’]访问到的是同一个属性。
()
A:对 B:错
答案:对
10.在JAVASCRIPT中,只能使用预定义对象,而不能使用自定义对象。
()
A:对 B:错
答案:错
任务十二测试
1.关于添加元素,下列选项描述错误的是()。
A:appendChild 是在父元素内部追加 B:createElement创建的元素立即会添
加到页面中 C:innerHTML会覆盖原来的元素 D:insertBefore是在父元素内
部指定的位置添加
答案:createElement创建的元素立即会添加到页面中
2.关于事件对象,描述错误的是()。
A:事件对象的属性中保存了跟事件相关的一系列信息 B:事件对象的获取有兼容性问题 C:通过事件对象不可以阻止事件冒泡和默认行为 D:事件触发时就
会产生事件对象
答案:通过事件对象不可以阻止事件冒泡和默认行为
3.下列选项,可以正确获取到兼容了各个浏览器的事件对象的是()。
A:document.onclick = function (event) { var e = window.evt || event; }
B:document.onclick = function (event) { var e = window.event || evt; }
C:document.onclick = function (event) { var e = window.evt || evt; }
D:document.onclick = function (event) { var e = window.event || event; }
答案:document.onclick = function (event) { var e = window.event ||
event; }
4.关于事件监听,描述错误的是()。
A:addEventListener() 方法有两个参数 B:低版本的IE可以使用attachEvent 代替addEventListener C:addEventListener() 有浏览器兼容问题 D:可以给同一元素同一事件注册多个监听器
答案:addEventListener() 方法有两个参数
任务十三测试
1.scrollTop和scrollLeft是获取被滚动出去的距离。
()
A:对 B:错
答案:对
2.function fn1(x, y) {return (++x) + (y++);}执行fn1(4, 5)的返回值是11。
()
A:错 B:对
答案:错
3.使用clearTimeout()和clearInterval()可以清除定时器。
()
A:错 B:对
答案:对
4.JavaScript为响应用户行为所执行的程序代码是指__事件处理程序___。
()
A:对 B:错
答案:对
5.JavaScript中通过__事件监听____可为<div>的mouseover事件绑定多个事件
处理程序。
()
A:对 B:错
答案:对
任务十四测试
1.对象中未赋值的属性的值为undefined。
()
A:错 B:对
答案:对
2.可以使用“数组名[索引]” 的方式来访问数组元素。
()
A:错 B:对
答案:对
3.执行代码“var nums = [[2, 4], [6, 9]];console.log(nums[1][0]);”,输出9。
()
A:对 B:错
答案:错
4.产生0~1的随机数的方法是可以直接使用Math.random()函数。
()
A:对 B:错
答案:对
5.通过窗口对象方法window.open()可以在当前网页中弹出新的窗口。
()
A:错 B:对
答案:对
6.被delete关键字删除的数组元素值,该元素依然占用一个空的存储位置。
()
A:对 B:错
答案:对
7.console.log((3 + 6) * 2); 语句的输出结果为15)。
()
A:错 B:对
答案:错
8.运算符“.”可用于连接两个字符串。
()
A:错 B:对
答案:错
9.在静态方法中不能使用this访问实例对象,因为静态方法与实例对象有关
联。
()
A:对 B:错
答案:错
10.构造函数主要用来创建对象,并为对象的成员赋初始值。
()
A:错 B:对
答案:对
任务十五测试
1.下列选项中,描述错误的是()。
A:通过实例对象的constructor属性就可以访问实例对象的构造函数 B:原型对象也是对象 C:每个对象都有一个__proto__属性 D:__proto__是一个标准的属性
答案:__proto__是一个标准的属性
2.下面选项中,不能用来改变this指向的是()。
A:method() B:call() C:apply() D:bind()
答案:method()
3.下面选项中,描述错误的是()。
A:在JavaScript中,每个构造函数都有一个原型对象存在 B:使用构造方法创建对象虽然很简单、方便,但是与类存在一定的区别 C:在静态方法中不能
使用this访问实例对象,因为静态方法与实例对象有关联 D:在面向对象中有静态成员和实例成员的概念,实例成员是指实例对象的成员
答案:在静态方法中不能使用this访问实例对象,因为静态方法与实例对象有关联
4.Object的原型对象的__proto__属性为()。
A:String B:NaN C:undefined D:null
答案:NaN。