Javascript交互式网页设计试题（一）

柠夏小白

已于 2022-09-17 15:28:05 修改

阅读量5.7k

点赞数 2

分类专栏： JavaScript 文章标签： css javascript html5 css3 jquery

于 2021-04-19 10:42:06 首次发布

本文链接：https://blog.csdn.net/a2417841572/article/details/115858471

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

 精选JS 50道试题，答案在首尾，喜欢收藏吧！

1、在JQuery中，下列( )方法能够获取或设置元素的文本内容，不含HTML标签。

A attr()
B text()
C value()
D replace()

2、以下关于XHTML规范说法不正确的是( )

A XHTML元素必须被关闭
B 用 Id 属性代替 name 属性
C 标签名必须用小写字母
D 空标签可以不关闭

3.在jquery中，下列关于DOM操作的说法错误的是( )

A attr()方法获取或设置元素的属性值
B val()方法获取或设置元素的value属性值
C $(‘h2’).attr(‘value,‘asdf’)执行时，由于和元素没有value属性，所有该代码不会产生任何效果
D $KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲btn').val('asdf\dots$ (’#btn’).attr(‘value’,‘asdf’)可以实现相同的效果('#btn’为按钮)

4.下列语句能够正确在一个XHTML页面中导入在同一目录下的 “StyleSheet1.css”样式表的是( )

A ＜style＞@import StyleSheet1.css;＜/style＞
B ＜link rel=”stylesheet” type=”text/css” href=”StyleSheet1.css”/＞
C ＜ link rel=”stylesheet1.css” type=”text/css”＞
D ＜style rel=”stylesheet” type=”text/css”src=”StyleSheet1.css”＞＜/style＞

5.关于改变高度动画效果，以下说法错误的是( )

A slideUp()和slideDown( )用于改变元素的高度。
B slideUp()会使元素从下往上逐渐隐藏。
C slideDown()会使元素从上往下逐渐展示。
D slideUp()或slideDown( )只能用毫秒作为速度参数。

6.javascript脚本的类型转换说法正确的是( )

A parseInt(“66.6s”)的返回值是7
B parseInt(“66.6s”)的返回值是NaN
C parseFloat(“66ss36.8id”)的返回值是36
D parseFloat(“66ss36.8id”)的返回值是66

7、对字符串str="welcome to china"进行下列操作处理,描述结果正确的是( )

A str.substring(1,5)的返回值是"elcom"
B str.length的返回值16
C str.indexOf(“come”,4)的返回值为4
D str.toUpperCase( )的返回值是"Welcome To China"

解析： substring–返回指定索引范围内的字符串 str.substring(1,5)表示返回索引1和5之间的字符串，并且
包括索引1对应的字符，不包括索引5对应的字符，故结果是elco。 length–返回长度，空格也计算在内。
indexof–返回某个子字符串在目标字符串中首次出现的位置，在目标字符串中
没有子字符串，则返回-1，如题目中给出的格式是str.indexOf(“come”)，其结果返回的3。 toUpperCase(
)–把字符串转化为小写。 toLowerCase（）–把字符串转换为小写。

8、以下关于Jquery有点的说法中错误的是( )

A jquery的体积较小，压缩以后，大约只有100kb
B jquery封装了大量的选择器、DOM操作、事件厝里，使用起来比JavaScript简单得多
C jquery的浏览器兼容很好，能兼容所有的浏览器
D jquery易扩展，开法阵可以自己编写jquery的扩展插件

9、在JavasScript中，若要实现复选框全选功能，则在横线处填写的代码应为( )

<script type="text/javascript">

  function allChecked( ){

         var allck=__________

         for(var i = 0 ;i<allck.length;i++){

                   allck[i].checked=true;
          }
  }

< / script >

<body>

<p><input name="chk" type="checkbox" value="滑雪">滑雪

<p><input name="chk" type="checkbox" value="游泳">游泳

<p><input name="chk" type="checkbox" value="爬山">爬山

<p><input name="btn" type="button" onClick="allChecked( )" value="选择">

</body>

A document.getElementsById("chk");
B document.getElementsByName("chk");
C document.getElementByName("checkbox");
D document.getElementsByTagName("chk");

10、对于prompt( )方法描述不正确的有：(选择一项) [已核]

A 该方法执行时会弹出一个提示对话框，等待用户输入一行数据
B 基本语法是:prompt(“提示信息”，“输入框的默认信息”);
C 该方法的返回值可以被引用或存储到变量中。
D 如果用户单击“取消”按钮或直接关闭提示对话框，该方法将返回false

解析：
提示对话框包含一个简单的文本框，用户在提示对话框中输入文本后，文本会作为值返回。prompt方法有两个参数：第一个参数提示用户应该输入的内容，第二个参数是文本框中显示的初始默认值，如果没有传递第二个参数，文本框中默认显示undefined。提示框中有文本框、“确定”按钮和“取消”按钮，当用户单击“确定”按钮时，文本框的所有文本就成为返回值；当单击“取消”按钮时，则返回null。

11、在Jquery中，下列选中，不是表单选择器的是( )

A :input
B :select
C :button
D :radio

12、对于ECMAScript的描述中，以下说法错误的是( )

A 它是一个重要的标准，并不是javascript唯一的部分
B 是一种开放的，国际上广为接受的，标准的脚本言规范。
C 它主要描述了语法、变量、数据类型、运算符、逻辑控制语句等。
D ECMAScript遵循了JavaScript标准。

13、在JQuery中，课用于获取和设置元素属性值的方法是( )

A val( )
B attr( )
C removeAttr( )
D css( )

14、下列关于css( )方法的写法正确的是( )(选择一项)

A css(color:#CCF;)
B css(“color”,“#CCF”)
C css(“#CCF”,“color”)
D css(color,#CCF)

15、下面哪一个是相对长度单位( )

A in
B px
C pt
D pc

16、在JQuery中，下列选项说法错误的是( )

A 只有jQuery对象才能使用jQuery提供的方法
B 在使用jQuery方法前应先引入jQuery库文件
C jQuery代码必须写在 $function( ){})或$ (document).ready(function( ){})的函数方法体中
D jQuery对象与DOM对象可以相互转换

17、以下不属于window对象的常用方法有( )

A prompt
B alert
C confirm
D location

解析： prompt–显示可提示用户输入的对话框 alert–显示带有一个提示消息和一个确定按钮的警示框
confirm–显示一个带有提示信息、确定和取消按钮的确认框 location–为window对象的常用属性，表示当前窗口的URL

18、以下关于Javascript和jquery的说法中正确的是( )

A jquery是区别与javascript的另一种web脚本语言
B javascript与jquery不可以混合使用
C javascript可以以*.js的形式放在单独的文件中
D 使用jquery方法时可以不用引入jquery库文件

19、下列语句中，( )语句是根据表达式的值进行匹配,然后执行其中的一个语句块，
如果找不到匹配项，则执行默认语句块(选择一项)

A switch
B if-else
C for
D 字符串运算符

20、盒子的Margin为20px border为1px,padding为10px,content宽202px, 高为50px求标准IE盒子模型的，盒子的实际大小的高为( )

A 50px
B 70px
C 72px
D 52px

21、要将外部样式表文件导入当前HTML文件，这时我们可以使用( )

A link元素
B style元素
C style属性
D script元素

22、以下jQuery代码运行后，对应的HTML代码变为( )

<p>你好</p>

jQuery代码：

$(“p”).append(“<b>快乐编程</b>”);

A <p>你好</p><b>快乐编程</b>
B <p>你好<b>快乐编程</b></p>
C <b>快乐编程</b><p>你好</p>
D <p><b>快乐编程</b>你好</p>

23、在Javascript中，运行下面代码的结果是( )
Math.ceil(25.5);
A 24
B 25
C 25.5
D 26

解析： Math.ceil(n)–对n向上取整 Math.floor(n)–对n向下取整; 例如:
Math.floor(67.6)返回值是67

24、以下选项可以定义不带下划线的超链接是( )

A a {text-decoration:no underline}
B a {underline:none}
C a{decoration:no underline}
D a{text-decoration:none}

25、以下关于jquery的说法错误的是( )

A jquery是javascript的程序库之一，他对javascript的封装
B 相对于javascript，jquery语法更为简单，能大幅提高开发效率
C 相对javascript，jquery解决了大部分的浏览器兼容性问题，减少了错误的改路
D jquery功能强大，能完全取代Javascript

26、网页加载的时候执行以下Javascript代码：

fun1(123);

function fun1(a){

alert(a);

}

function fun1(a){

          a=456;

          alert(a);

}

该代码在网页中输出的内容是( )(选择一项)

A 123和456
B 123
C 123和undefined
D 456

27、分析下面的JavaScript代码段，输出的结果是( )。

emp=new Array(3);

emp[0]=0;

emp[1]=1;

emp[2]=2;

emp[3]=3;

document.write(emp.length);

A 2
B 3
C 4
D 5

28、下列选项中关于jQuery说法正确的是( )

A jQuery对象与DOM对象不能相互转换
B jQuery(“div”).get(0)是把div标签元素转换为DOM对象
C jQuery对象同样可以使用getElementById( )方法
D document.getElementById(“box”).get(0)是把id为box标签元素转换为jQuery对象

29、以下属于location对象的方法,使用它可以实现页面重新加载的是( )

A host
B hostname
C reload
D replace

30、在HTML中，运行下面的javascript代码，则在弹出的提示框中显示的消息内容为( )。

< script language="javascript">  x=3;
  y=2;
  z=(x+2)/y;
  alert(z);

A 2
B 2.5
C 32/2
D 16

解析： HTML中的"/“就是表示数字上的除法运算，如果是取余则为”%"。

31.、关于浮动塌陷，下列说法正确的是( )

A 浮动塌陷与浏览器有关，在firefox浏览器中不支持浮动塌陷
B 使用after伪选择器解决浮动塌陷的办法只适合于IE浏览器
C 浮动塌陷产生的原因是由于在一个父盒子中所有的子盒子都设为浮动后父盒子的高度塌陷为零
D 浮动塌陷是IE浏览器设计的BUG，其它浏览器不存在这种问题

32、网页的元素中包含以下HTML代码:

     <ul>

     <li>首页</li>

     <li>新闻</li>

     <li>关于我们</li>

     </ul>

下列仅能使其文字"首页"一行背景色变成红色的JQuery代码，错误的是( )(选择一项)

A $(“#box li”).css(‘background’,“red”);
B $(“#box li.active”).css(‘background’,“red”);
C $(“#box li:first”).css(‘background’,“red”);
D $(“#boxli”).eq(0).css(‘background’,“red”);

33、在JavaScript中( )方法可以对数组元素进行排序(选择一项)

A add( )
B join( )
C sort( )
D length( )

解析： add( )–增加方法 length( )–求长度方法 join( )–联接方法

34、下列选项不属于DOM模型节点类型的是( )(选择一项)

A 元素节点
B 属性节点
C 图像节点
D 文本节点

解析： DOM把html文档看成由元素、属性和文本组成的一棵倒立的树。

35、jQuery中提供了对动画效果的支持，以下说法中错误的是( )

A show( )和hide( )可控制元素的显示和隐藏
B show([speed],[fn]),其中，speed代表速度，fn代表处理函数
C hide([speed],[fn]),其中，speed代表速度，fn代表处理函数
D 以上参数中的speed默认值为“0”，可能值：秒、slow、fast、normal

36、以上说法中错误的有( )

A 内容与表现分离，减轻浏览器负担
B 内容越表现分离，导致页面结构不完整
C 内容\]与表现分离，使页面设计简洁
D 内容与表现分离是现代页面设计的标准

37、在Jquery中，能够改变列表中索引值为2的

元素背景颜色，应选用的是( ).
A $(“li:gt(2)”).css(“background-color”,“#ccc”)
B $(“li:eq(2)”).css(“background-color”,“#ccc”)
C $(“li:odd(2)”).css(“background-color”,“#ccc”)
D $(“li:lt(2)”).css(“background-color”,“#ccc”)

38、下列不属于DIV+CSS布局的优点的是( )

A 代码简洁、结构清晰
B 对搜索引擎支持好
C 易于版面布局修改
D 提高浏览器的执行效率

39、在Jquery中，既可模拟鼠标连续单击事件，又可以切换元素可见状态的方法是( )

A hide( )
B toggle( )
C hover( )
D slideUp( )

40、关于盒子之间的位置关系下列说法正确的是( )

A 水平盒子的间距为取两个盒子的margin最大值
B 垂直盒子的间距等于两个盒子中较大的margin值
C 重叠盒子是指两个盒子中，下面盒子的border值为负值时会自动向上移动
D 盒子的间距与其padding值也有关系

41、分析下面的JavaScript代码段，输出的结果是( )。
```
emp=new Array(5);

emp[1]=1;

emp[2]=2;

document.write(emp.length);
```
A 2
B 3
C 4
D 5

解析：数组的长度是设置的元素的数目，当用户访问的下标超出指定长度时，数组将自动扩展。系统会自动把未赋值的元素赋为常量值undefined。

42、在jQuery中，下列关于$( )方法的说法错误的选项是( )

A $(document)的含义是把document对象转换成jQuery对象
B $()方法可以用来选择元素、把DOM对象转换成jQuery对象，或根据HTML字符串创建Jquery对象
C $( )方法额返回值一定是一个jQuery对象
D $()方法的参数可以是选择器、DOM元素或HTML代码

43、关于document对象的常用方法，以下说法错误的有( )

A getElementById( ) 返回拥有指定id的第一个对象的引用
B getElementById( ) 返回拥有指定id的对象的集合
C getElementsByName( ) 返回拥有指定名称的对象的集合
D write( ) 向文档写文本，HTML表达式或javascript代码

解析： document对象的常用方法: 1、write–用于向HTML文档动态输入内容
2、getElementById–获取指定id的HTML页面元素对象
3、getElementsByTabName–返回所有指定标签名的HTML页面元素对象
4、getElementsByName–获取一组指定name的HTML页面元素对象
5、createElement–创建代表某个HTML元素的对象

44、在jQuery中，下面的说法错误的是( )
```
A $("ulli:first") 指选取<ul>下的第一个<li>子元素
B $("ul li:gt(2)") 指选取<ul>下的索引从2开始的所有<li>子元素
C $("ulli:eq(2)") 指选取<ul>下的索引为2的<li>子元素
D $("ul li:not(:first)")指选取<ul>下的除了第一个<li>子元素的所有<li>子元素
```
45、网页加载的时候执行以下JavaScript代码：
```
num=123;

function fun1( ){

         var num = 123;

         return num++;

}

fun1( );

alert(num);

该代码在网页中输出的内容是(    )
```
A undefined
B NAN
C 123
D 124

46、在JavaScript中，下列说法错误的是( )

A setInterval()用于在指定的毫秒后调用函数或计算表达式,可执行多次
B setTimeout()用于在指定的毫秒后调用函数或计算表达式，可执行一次
C setInterval()的第一个参数可以是计算表达式也可以是函数变量名
D clearInterval( )和clearTimeout( )都可以清楚setInterval( )函数设置的timeout

47、在Javascript中，关于winfow对象描述不正确的是 ( )

A window.history属性是指有关客户访问过的URL信息
B window.confirm()方法显示一个带有提示信息和确认按钮的警示框
C window.location="a.html"和window.location.href="a.html"的作用都是读取并显示a.html内容
D window.reload()方法可以用来刷新当前页面

48、在JavaScript中，下拉选项中可以获取滚动条距窗口顶端滚动的距离的是 ( ).

A document.documentElement.scrollTop;
B document.documentElement.topScroll;
C document.style.scrollTop;
D document.style.topScroll;

49、
```
var name = document.getelementById("name").value;

for(var i = 0 ;i<name.length;i++){

         var j = name.substring(i,i+1);

         if(______________){

                   alert("该文本框中不能包含数字！");

                   return false;

         }

}
```
A isNaN(j)==false;
B isNaN(j)==true;
C isNum(j)==true;
D isNum(j)==false;

50、在jQuery中，关于jQuery时间的说法错误的是( )

A hover()方法相当于mouseover与mouseout的组合使用
B hover(fn1,fn2)在鼠标移动到元素上时触发fn1方方法，移除元素触发fn2方法
C toggle(fn1,fn2)第一次点击元素时触发fn1方法，第二次点击元素触发fn2方法,第三次点击则不会再触发任何函数
D toggle(0方法参数可以为两个或者多个处理函数
```
1—5、BDCBD 6-10、DBCBD 11-15、BDBBB 16-20 CDCAA 
21-25、ABDDD 26-30 DCBCB 31-35 CACCD 36-40 BBDBB 
46-50 DCBBC DDAAC
```

柠夏小白

关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
Javascript交互式网页设计试题（一）

精选JS 50道试题，答案在首尾，喜欢收藏吧！1、在JQuery中，下列( )方法能够获取或设置元素的文本内容，不含HTML标签。A attr()B text()C value()D replace()2、以下关于XHTML规范说法不正确的是( )A XHTML元素必须被关闭B 用 Id 属性代替 name 属性C 标签名必须用小写字母D 空标签可以不关闭3.在jquery中，下列关于DOM操作的说法错误的是( )A attr()方法获取或设置元素的属性值B val(.
复制链接

扫一扫

专栏目录