中国大学MOOC用户交互设计与实现考核作业参考原题试题

2024秋最新《中国大学MOOC用户交互设计与实现考核作业参考原题试题》形考作业试题题库、期末题库

考试说明:本人针对该科精心汇总了历年题库及答案，形成一个完整的题库，并且每年都在更新。该题库对考生的复习、作业和考试起着非常重要的作用，会给您节省大量的时间。做考题时，利用本文档中的查找工具，把考题中的关键字输到查找工具的查找内容框内，就可迅速查找到该题答案。本文库超星学习通、知到智慧树、国家开放大学、广东开放大学、江苏开放大学、上海开放大学、云南开放大学、芯位教育、云慕学苑、职教云、川农在线、长江雨课堂、安徽继续教育平台、青书学堂、睿学在线、成教云、京人平台、绎通继教云、学起Plus、云上河开、河南继续教育、四川开放大学、良师在线、继教云、日照专业技术人员继续教育、麦能网、21tb、168网校、云班课、电大中专、learnin、西财在线等平台复习试题与答案，敬请查看。

课程题目试题是随机的，请按题目关键词查找（或按Ctrl+F输入题目中的关键词，尽量不要输入整个题目，不要复制空格，连续的几个字就行）

本文由【大象答案】微信公众号提供，禁止复制盗取，违者必究

本文由【大象答案】微信公众号提供，禁止复制盗取，违者必究

本文由【大象答案】微信公众号提供，禁止复制盗取，违者必究

用户交互设计与实现

学校: 无

问题 1: 1. 以下哪个选项中的方法全部属于window对象（）

选项:

• A. alert，clear，close

• B. clear，close，open

• C. alert，close，confirm

• D. alert，setTimeout，write

答案: alert，close，confirm

问题 2: 2. 在JavaScript中，如果不指明对象直接调用某个方法，则该方法默认属于哪个对象（）

选项:

• A. document

• B. window

• C. form

• D. location

答案: window

问题 3: 3. 打开名为“window2”的新窗口的JavaScript语法是（）

选项:

• A. window.new(‘http://www.baidu.com’， ‘window2’)

• B. window.open(‘http://www.baidu.com’， ‘window2’， ‘’)

• C. new(‘http://www.baidu.com’， ‘window2’);

• D. new.window(‘http://www.baidu.com’， ‘window2’);

答案: window.open(‘http://www.baidu.com’， ‘window2’， ‘’)

问题 4: 4. history从属于window，下列能访问前一页面的方法是（）

选项:

• A. back(-1)

• B. back(1)

• C. forward(1)

• D. go(-1)

答案: go(-1)

问题 5: 5. 关于以下两个陈述的描述中，正确的是（）
陈述1：window对象的confirm方法用于显示一个包括相关信息以及Yes和No这两个按钮的对话框。
陈述2：window对象的alert方法用于弹出一个提示窗口，显示提示信息

选项:

• A. 陈述1正确，陈述2错误

• B. 陈述1错误，陈述2正确

• C. 陈述1和陈述2均正确

• D. 陈述1和陈述2均错误

答案: 陈述1错误，陈述2正确

问题 6: 6. 下列不是document对象的属性的是()

选项:

• A. anchors

• B. forms

• C. location

• D. image

答案: image

问题 7: 7. 阅读下面的JavaScript代码





输出结果是（）。

选项:

• A. 0 1 2 3 4

• B. 0 1 4 9 16

• C. 0 1 4 9 16 25

• D. 以上答案都不对

答案: 请关注公众号【大象答案】查看答案

问题 8: 1. 在DOM对象模型中，下列选项中的（）对象是DOM对象中最主要的对象

选项:

• A. history

• B. document

• C. button

• D. text

答案: 请关注公众号【大象答案】查看答案

问题 9: 2. Dom对象中，getElementsByTagName的功能是：（ ）

选项:

• A. 获取标签名

• B. 获取标签name名

• C. 获取标签id

• D. 获取标签属性

答案: 请关注公众号【大象答案】查看答案

问题 10: 3. 某页面中有一个id为pdate的文本框，下列（）能把文本框中的值改为“2019-10-12”。

选项:

• A. document.getElementById(“pdate”).setAttribute(“value”，”2019-10-12”);

• B. document.getElementById(“pdate”). val=”2019-10-12”;

• C. document.getElementById(“pdate”).getAttribute(”2019-10-12”);

• D. document.getElementById(“pdate”).text=”2019-10-12”;

答案: 请关注公众号【大象答案】查看答案

问题 11: 4. 某页面中有一个1行2列的表格，其中表格行的id为r1，下列（）能在表格中增加一列，并且将这一列显示在最前面。

选项:

• A. document.getElementById(“r1”).Cells(1);

• B. document.getElementById(“r1”).Cells(0);

• C. document.getElementById(“r1”).insertCell(0);

• D. document.getElementById(“r1”). insertCell(1);

答案: 请关注公众号【大象答案】查看答案

问题 12: 5. 某页面中有一个id为main的div，div中有两个图片及一个文本框，下列（）能够完整地复制节点main及div中所有的内容。

选项:

• A. document.getElementById(“main”).cloneNode(true);

• B. document.getElementById(“main”).cloneNode(false);

• C. document.getElementById(“main”).cloneNode();

• D. main.cloneNode();

答案: 请关注公众号【大象答案】查看答案

问题 13: 1. 下面代码中$('[class=dv1][title*=2]').css('background', 'yellow');描述正确的是（）

选项:

• A. 获取类名为dv1的元素设置背景色为黄色

• B. 获取类名dv1并且title值中包含“二”的元素并设置背景色为黄色

• C. 获取类名dv1或者title值中包含“二”的元素并设置背景色为黄色

• D. 获取title值中包含“二”的元素并设置背景色为黄色。

答案: 请关注公众号【大象答案】查看答案

问题 14: 2. 下面对于jQuery中，id选择器使用书写正确的是（）

选项:

• A. $("#id")

• B. $(":id")

• C. $(".id")

• D. $("&id")

答案: 请关注公众号【大象答案】查看答案

问题 15: 3. 在jQuery选择器中，获取匹配prev元素后紧邻的兄弟元素用下面（）来实现。

选项:

• A. parent>child

• B. prev+next

• C. prev～siblings

• D. nextAll()

答案: 请关注公众号【大象答案】查看答案

问题 16: 4. 下面选项中，能够获取指定元素第一个子元素的是（）

选项:

• A. $("li:first-child")

• B. $("li:nth-child(0)")

• C. $("li:only-child")

• D. $("li:last-child")

答案: 请关注公众号【大象答案】查看答案

问题 17: 5. 下面过滤选择器中,（）选择器的返回值是单个元素。

选项:

• A. :first-child

• B. :last-child

• C. :eq(0)

• D. :only-child

答案: 请关注公众号【大象答案】查看答案

问题 18: 6. 下面对于jQuery选择器说法，正确的是（）

选项:

• A. 支持CSS1~CSS3定义的属性和选择器

• B. 与原生的JavaScript相比，获取元素的方式更加灵活

• C. jQuery选择器可以操作元素的样式，但不能为元素添加行为

• D. jQuery选择器获取的是该元素的jQuery对象

答案: 请关注公众号【大象答案】查看答案

问题 19: 7. 在jQuery中，属于jQuery可见性过滤选择器的是（）

选项:

• A. :display

• B. :hidden

• C. :show

• D. :visible

答案: 请关注公众号【大象答案】查看答案

问题 20: 8. 下面属于内容过滤选择器的是（）

选项:

• A. :contains(text)

• B. :has(selector)

• C. :empty

• D. :parent

答案: 请关注公众号【大象答案】查看答案

问题 21: 1. 在jQuery中，下列关于文档就绪函数的写法错误的是（）

选项:

• A. $(document).ready(function() {});

• B. $(function() {});

• C. $(document)(function() {});

• D. $().ready(function() {});

答案: 请关注公众号【大象答案】查看答案

问题 22: 2. 下面哪种不是jQuery选择器（）

选项:

• A. 基本选择器

• B. 层次选择器

• C. 表单选择器

• D. 节点选择器

答案: 请关注公众号【大象答案】查看答案

问题 23: 3. 在HTML页面中有如下结构的代码：
S3N认证考试

一
二
三
四

请问下列选项（）所示jQuery代码，不能够让汉字四的颜色变成红色。

选项:

• A. $(‘#header ul li:eq(3)’).css(‘color’， ‘red’);

• B. $(‘#header li:eq(3)’).css(‘color’， ‘red’);

• C. $(‘#header li:last’).css(‘color’， ‘red’);

• D. $(‘#header li:gt(3)’).css(‘color’， ‘red’);

答案: 请关注公众号【大象答案】查看答案

问题 24: 4. 在HTML页面中有如下结构的代码：

苹果iPhone 5S

请问以下（）方法不能让“苹果iPhone 5S”隐藏

选项:

• A. $(‘#p-list li:nth-child(0)’).hide();

• B. $(‘#p-list li:only-child’).hide();

• C. $(‘#p-list li:last-child’).hide();

• D. $(‘#p-list li:first-child’).hide();

答案: 请关注公众号【大象答案】查看答案

问题 25: 5. 有以下标签：
请问不能够正确的获取文本框里面的值“张三”的语句是（）

选项:

• A. $(‘.txt’).val();

• B. $(‘.txt’).attr(‘value’);

• C. $(‘#txtContent’).text();

• D. $(‘#txtContent’).attr(‘value’);

答案: 请关注公众号【大象答案】查看答案

问题 26: 6. 使用jQuery检查元素在网页上是否存在

选项:

• A. if($(‘#id’)) { …… }

• B. if($(‘#id’).length > 0) { …… }

• C. if($(‘#id’).length() > 0) { …… }

• D. if($(‘#id’).size > 0) { …… }

答案: 请关注公众号【大象答案】查看答案

问题 27: 7. 执行下面语句
$(document).ready(function() {
$(‘#click’).click(function() {
alert(‘click one time’);
});
$(‘#click’).click(function() {
alert(‘click two times’);
});
});
单击按钮，会有什么效果（）

选项:

• A. 弹出一次对话框，显示click one time

• B. 弹出一次对话框，显示click two times

• C. 弹出两次对话框，依次显示click one time，click two times

• D. js编译错误

答案: 请关注公众号【大象答案】查看答案

问题 28: 8. 页面中有三个元素，如下：
div标签
span标签
p标签
，如果这三个标签要触发同一个事件，那么正确的写法是（）

选项:

• A. $(‘div， span， p’).click(function() { …… });

• B. $(‘div || span || p’).click(function() { …… });

• C. $(‘div + span + p’).click(function() { …… });

• D. $(‘div ~ span ~ p’).click(function() { …… });

答案: 请关注公众号【大象答案】查看答案

问题 29: 1. 在jQuery中，操作样式属性的主要内容主要包括（）

选项:

• A. 获取样式属性值

• B. 设置样式属性值

• C. 通过函数设置样式属性值

• D. 通过css()方法来实现

答案: 请关注公众号【大象答案】查看答案

问题 30: 2. 下列关于html()和text()方法描述正确的是（）

选项:

• A. 两者都可以用来为元素设置文本内容

• B. html()方法可以获取或者设置包含元素标签的内容

• C. html()方法和原生的JavaScript中的innerHTML属性的使用类似

• D. text()方法可以获取或者设置包含元素标签的内容

答案: 请关注公众号【大象答案】查看答案

问题 31: 3. 下面关于删除节点描述正确的是（）

选项:

• A. detach()方法的使用方式与remove()方法基本相同

• B. detach()方法不仅会保留jQuery对象中的匹配元素，还会保留该元素所有绑定的事件以及附加的数据。

• C. 调用detach()方法后返回的是当前被删除元素的对象

• D. remove()方法只会从DOM树中移除匹配到的元素，但该元素还存在于jQuery对象中

答案: 请关注公众号【大象答案】查看答案

问题 32: 4. 下面jQuery操作DOM中，可以在某个元素的后面插入元素的是（）

选项:

• A. after()

• B. insertAfter()

• C. append()

• D. appendTo()

答案: 请关注公众号【大象答案】查看答案

问题 33: 5. 下面关于遍历节点说法真确的是（）

选项:

• A. jQuery提供的each()方法遍历所有元素，并进行相关的处理。

• B. 语法结构是$(selector).each(function(index, element));

• C. each()方法的参数是一个匿名函数

• D. index是遍历元素的索引，索引默认从1开始

答案: 请关注公众号【大象答案】查看答案

问题 34: 6. 设置元素的多个属性值时，attr()方法会接受的参数是（）

选项:

• A. 对象

• B. 数组

• C. 字符串

• D. 集合

答案: 请关注公众号【大象答案】查看答案

问题 35: 7. Plain Text

在jQuery中，用（）将指定的类添加到匹配元素中。

选项:

• A. addClass()

• B. removeClass()

• C. toggleClass()

• D. hasClass()

答案: 请关注公众号【大象答案】查看答案

问题 36: 8. 下面选项中，用（）来追加到指定元素的末尾

选项:

• A. append()

• B. appendTo()

• C. after()

• D. inserAfter

答案: 请关注公众号【大象答案】查看答案

问题 37: 9. 在jQuery中，获取id值为box元素的内容（）

选项:

• A. html()

• B. text()

• C. val()

• D. value()

答案: 请关注公众号【大象答案】查看答案

问题 38: 1. 当鼠标指针移到页面上的某个图片上时，图片出现一个边框，并且图片放大，这是因为激发了下面的（ ）事件。

选项:

• A. onclick

• B. onmouseover

• C. onmouseout

• D. onmousedown

答案: 请关注公众号【大象答案】查看答案

问题 39: 2. 页面上有一个文本框和一个类change，change可以改变文本框的边框样式，那么使用下面的（ ）就可以实现当鼠标指针移到文本框上时，文本框的边框样式发生变化。

选项:

• A. onmouseover=”className=’change’”;

• B. onmouseover=”this.className=’change’”;

• C. onmouseover=”this.style.className=’change’”;

• D. onmouseover=”this.style.border=’solid 1px #ff0000”;

答案: 请关注公众号【大象答案】查看答案

问题 40: 3. 页面中有一个id为price的层，并且有一个id选择器price用来设置层price的样式，在IE浏览器中运行此页面，下面（）能正确获取层的背景颜色。

选项:

• A. document.getElementById(“price”).currentStyle.backgroundColor

• B. document.getElementById(“price”).currentStyle.background-color

• C. document.getElementById(“price”).style.backgroundColor

• D. var divObj=document.getElementById(“price”);
Document.defaultView.getComputedStyle(divObj，null).background;

答案: 请关注公众号【大象答案】查看答案

问题 41: 4. 下面选项中（）能够获取滚动条距离页面顶端的距离。

选项:

• A. onscroll

• B. scrollLeft

• C. scrollTop

• D. top

答案: 请关注公众号【大象答案】查看答案

问题 42: 5. 编写Javascript函数实现网页背景色选择器，下列选项中正确的是（）

选项:

• A. function change(color){ window.bgColor=color; }

• B. function change(color){ document.bgColor=color; }

• C. function change(color){ body.bgColor=color; }

• D. function change(color){ form.bgColor=color; }

答案: 请关注公众号【大象答案】查看答案

问题 43: 6. 在HTML文档中包含如下超链接，要实现当鼠标移入该链接时，超链接文本大小变为30px，选项中的编码正确的是（）

选项:

• A. 注册

• B. 注册

• C. 注册

• D. 注册

答案: 请关注公众号【大象答案】查看答案

问题 44: 7. javascript中onmouseover事件描述错误的是 （）

选项:

• A. 单击事件

• B. 双击事件

• C. 鼠标悬停事件

• D. 鼠标离开事件

答案: 请关注公众号【大象答案】查看答案

问题 45: 8. javascript中onmouseout事件描述正确的是 （）

选项:

• A. 单击事件

• B. 双击事件

• C. 鼠标悬停事件

• D. 鼠标离开事件

答案: 请关注公众号【大象答案】查看答案

问题 46: 1. 在jQuey中，如果想要从DOM中删除所有匹配的元素，下面正确的是（ ）

选项:

• A. delete()

• B. empty()

• C. remove()

• D. removeAll()

答案: 请关注公众号【大象答案】查看答案

问题 47: 2. 下面哪一个是用来将新节点追加到指定元素的末尾的？（ ）

选项:

• A. insertAfter()

• B. append()

• C. appendTo()

• D. after()

答案: 请关注公众号【大象答案】查看答案

问题 48: 3. 在jQuery中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？ （ ）

选项:

• A. width()

• B. width(val)

• C. width

• D. innerWidth()

答案: 请关注公众号【大象答案】查看答案

问题 49: 4. 在jQuery中指定一个样式类，如果存在就执行删除功能，如果不存在就执行添加功能，下面哪一个是可以直接完成该功能的？（ ）

选项:

• A. removeClass()

• B. deleteClass()

• C. toggleClass(class)

• D. addClass()

答案: 请关注公众号【大象答案】查看答案

问题 50: 5. 在页面中有一个ul元素，代码如下：

苹果
橘子
菠萝

下面对节点的操作哪一个说法不正确。（ ）

选项:

• A. var $li = $("香蕉"); 是创建节点

• B. $("ul").append($("香蕉")); 是给ul追加节点

• C. $("ul li:eq(1)").remove();是删除ul下"橘子"那个节点

• D. 以上说法都不对

答案: 请关注公众号【大象答案】查看答案

问题 51: 6. 页面中有一个select标签，代码如下：

请选择
选项一
选项二
选项三
选项四

要使“选项四”选中的正确写法是（ ）

选项:

• A. $("#sel").val("选项四");

• B. $("#sel").val("4");

• C. $("#sel >option:eq(4)").checked;

• D. $("#sel option:eq(4)").attr("selected");

答案: 请关注公众号【大象答案】查看答案

问题 52: 7. 页面中有一个性别单选按钮，请设置“男”为选中状态。代码如下：
男
女
正确的是（ ）

选项:

• A. $("sex[0]").attr("checked"，true);

• B. $("#sex[0]").attr("checked"，true);

• C. $("[name=sex]:radio").attr("checked"，true);

• D. $(":radio[name=sex]:eq(0)").attr("checked"，true);

答案: 请关注公众号【大象答案】查看答案

问题 53: 8. 元素最初代码如下：
你最喜欢的运动是什么？
要想使
元素的样式在myClass基础上再应用high样式，即变为如下代码：
你最喜欢的运动是什么？
下面哪个方法可以实现（ ）

选项:

• A. $("p").attr("class").val("high");

• B. $("p").attr("class"，"high");

• C. $("p").addClass("high");

• D. $("p").removeClass("high");

答案: 请关注公众号【大象答案】查看答案

问题 54: 1. 为一个指定元素的指定事件（如click）绑定一个事件处理函数，下面哪个用来实现该功能（ ）？

选项:

• A. trigger(type)

• B. bind(type)

• C. one(type)

• D. bind

答案: 请关注公众号【大象答案】查看答案

问题 55: 2. ( )能够动态改变层中的提示内容

选项:

• A. 利用html( )方法

• B. 利用层的id属性

• C. 使用onblur事件

• D. 使用display属性

答案: 请关注公众号【大象答案】查看答案

问题 56: 3. 下面事件绑定中，不属于事件绑定的是（）

选项:

• A. on()

• B. bind()

• C. delegate

• D. off()

答案: 请关注公众号【大象答案】查看答案

问题 57: 4. jQuery中与bind()绑定事件相对应的解绑事件的方法是（）

选项:

• A. undelegate()

• B. unbind()

• C. off()

• D. delegate

答案: 请关注公众号【大象答案】查看答案

问题 58: 5. 在jQuery中，事件触发方式不包括（ ）

选项:

• A. 使用普通事件方法触发事件

• B. 使用trigger()方法触发事件

• C. 使用triggerHandler()方法触发事件

• D. on()方法触发事件

答案: 请关注公众号【大象答案】查看答案

问题 59: 6. 下面说法中关于元素绑定事件正确的是（）

选项:

• A. jQuery还提供了3种功能更灵活的事件绑定方式，分别是on()、bind()和delegate()方法

• B. 使用on()方法对多个事件绑定不同的处理函数时，事件名称与函数之间使用冒号（:）分隔，多个事件之间使用逗号（,）分隔

• C. 使用on()方法绑定事件不仅可以适用于当前元素，也可以适用于动态添加的元素

• D. on()、bind()、deleate()绑定事件的功能和实现效果是完全一样的

答案: 请关注公众号【大象答案】查看答案

问题 60: 7. 下面选项中关于改变事件说法正确的是（ ）

选项:

• A. 该事件仅适用于input、textarea、select元素控件

• B. 表单在实际项目开发中经常被用到，若要监控表单中元素内容是否改变，可以使用jQuery提供的change事件

• C. $(selector).change(function(){});语法结构

• D. javaScript中也同样可以实现change()事件

答案: 请关注公众号【大象答案】查看答案