html,css,javascript学习笔记

学习内容:

记录一下自己学习中的问题与习题(结课考试需要)

学习时间:

有时间就会学习的


学习产出:

  1. 表单
    html,css,javascript学习笔记_第1张图片
    解析:本题考察新增input类型的样式
    图中给的是可选择年数、月份的日历控件,所以选择date属性;
    month只能选择年、周的日历控件;
    date提供年月日的选择或自行输入;
    time显示一个时间控件,,提供时间的择或自行输入。
    (做这道题时候我也不是很懂,其实是根本就没见过,作为一个知识点还可以,实际做项目应该是没啥用的,应付考试还可以的,记住就行)

  2. 下列哪项属性表示的音频播放结束后循环播放的( loop)
    autoplay直接翻译auto自动,play播放=自动播放

<video controls autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
video>

3.关于标签其中表示圆半径长度的是(r)


圆心X坐标,圆心Y坐标,圆半径,填充颜色

4.autofocus属性表示当页面加载完成后,此元素获得焦点。
(不懂,没学)
5.Web Storage功能,就是在Web上存储数据,分为(sessionStorage和localStorage)两种

6.列表可以分为三大类:无序列表、有序列表和自定义列表
7.403无权限,500服务器遇到不可预知的情况,304从定向,404资源不存在
8.在cxt.arc(100,100,100,0,Math.PI*2,true) Canvas绘制圆形的arc方法中,参数说明 正确的是()
圆心X坐标,圆心Y坐标,圆半径,开始角度,结束角度,逆时针绘图
相反(false)应该就是顺时针
9.HTTP协议的概念,HTTP是基于TCP协议来传输数据,他是无状态协议是面向对象的
10.以下是浏览器和Web服务器交互的几个动作, 则正确的顺序是 ()

① 浏览器使用HTTP协议请求一个页面

② 浏览器和Web服务器建立一个TCP连接

③ Web服务器发送网页内容给到浏览器

④ 浏览器通过DNS协议解析域名
4213
不懂,记住就好
11.403无权限,200成功,304从定向,404资源不存在
12.HTTP协议的内容
HTTP响应的正文部分可以是任意格式的数据,如HTML、JPG、ZIP、MP3、XML
HTTP协议规定服务器端在默认情况下监听TCP80端口
13.要使单选框或复选框默认为已选定,要在input标签中加( )属性
checked

第二次测验错题

1.以下关于CSS3动画说法正确的是(都对)

A. CSS3的动画都是帧动画
B. CSS3的动画通过webkit-key-frame来预先定义
C. CSS3的动画类型有三种
D. CSS3动画是可以有交互的
  1.    媒体查询中的height作用是定义输出设备中的页面可见区域高度,而不是屏幕的可见高度;
    
  2.    字体规则只需要服务器有相关字体就可以了,使用自定义的字体需要使用font-family。
    
  3. 下列HTML字符实体,哪一条是错误的( )
    A. 小于号(<)的实体表示为: <
    B. 和号(&)的实体表示为: &
    C. 空格的实体表示为:  
    D. 大于号(>)的实体表示为: &bg;

大于号(>)的实体表示为: >

5.下列关于定义CSS3字体规则错误的是( )

A. font-family用来自定义字体的名称
B. src用来指定字体在服务器上的地址
C. @font-face申明要定义字体规则
D. url用来指定字体在服务器上的地址

我的答案:B正确答案:D

src用来指定字体在服务器上的地址
(不懂,百度下来也不懂,是src是路径吗?)

  1.  500~599:表示服务器端错误。 
     400~499:表示客户端错误。
     200~299:表示响应成功。 
    
  2. HTTP是基于TCP协议来传输数据,他是无状态协议是面向对象的
    

8.以下使用哪个样式可以使得一个元素旋转:

A. scale
B. rotate
C. skew
D. translate

选b

9.客户端发送一行字符串“date”,服务器端就返回当前日期信息:客户端发送一行字符串“exit”,服务器端就结束与客户端的通信,这种协议应该满足哪一层的协议?

 应用层

第三次测验

  1.  图片的路径是相对路径,表示使用该标签的HTML文档的上一级
    

2.关于HTML图片标签的常用属性描述不正确的是()

A. title 表示图片的提示文本,鼠标移到图片上会显示提示内容
B. src 是图片标签的必须属性,它用于指定图片文件的路径和文件名
C. alt 是图片的替换文本,当图片没有被正确加载时,HTML页面中会显示该文字内容
D. value 表示图片标签的值

图片没有value属性。

3.下列关于HTML表格标签描述不正确的是()

A.   用于定义表格中的单元格,必须嵌套在标签中
B.   标签用于定义表格中的行,必须嵌套在 
标签中 C.
是用于定义表格的标签 D. 字母 td 指表格数据(table data),即数据单元格的内容
用于定义表格中的单元格,必须嵌套在标签中

js测验

1.请问下面哪个选项中的值(或对象)转换成Boolean值后全部为false?
html,css,javascript学习笔记_第2张图片2

var a = 1;
switch (a) {
case 0:
b = 0
break;
case 1:
b = 1;
case 2:
b = 2;
}

以上代码执行后,b的值为(2)

(答案是2)但我vs里面是1 我也不明白
懂了:没有break继续执行下面的

3.JavaScript中函数作用域链的作用是()

html,css,javascript学习笔记_第3张图片

2022/5/10练习

1.下列标记中,用来设置文本粗体的是:

A. <del></del>
B. <u></u>
C. <strong></strong>
D. <em></em>

我的答案:C正确答案:C
< 代表< > 代表>

2.让元素显示滚动条的声明()

A. overflow:hidden
B. display:scroll
C. overflow:scroll
D. overflow-x:scroll;overflow-y:scroll

我的答案:C,D正确答案:C,D

3.实现下拉列表框,要用到以下哪几个标签:

A. option
B. input
C. select
D. radio

我的答案:C,A正确答案:A,C

4.下列属性中哪个是有序列表ol的html属性

A. type
B. color
C. start
D. src

我的答案:A,C正确答案:A,C
type属性,它用来设置列表项前面的编号的类型。
html,css,javascript学习笔记_第4张图片
标签的start属性
1、start属性值必须是一个整数,它指定了列表编号的起始值。
2、start属性的值应为阿拉伯数字。即使把type属性值指定为罗马数字或者英文字母a或A,start属性的值还是应该写成阿拉伯数字。
~~
上面代码中,我把世界GDP排名前5的列表项都注释掉了。start值为6,表示列表项的编号从第6开始,显示效果如下:
html,css,javascript学习笔记_第5张图片
start:开始

5.在CSS中,用于设置首行文本缩进的属性是

A. text-align
B. text-indent
C. text-transform
D. text-decoration

我的答案:B正确答案:B
A.用于设置文本修饰属性,文本居中“center”
B用于设置水平对齐属性
C用于设置字母大小写
html,css,javascript学习笔记_第6张图片
dhtml,css,javascript学习笔记_第7张图片

6.使用标签指定式选择器,让段落应用class名为test的类,下列写法正确的是

A. .p,test{color:red:}
B. p.test{color:red;}
C. .p .test{color:red;}
D. p#test{color:red;}

我的答案:B正确答案:C
不太懂

7.下列CSS代码中有几处语法错误 &td{font-size:12px , color:666666; }

A. 2
B. 3
C. 1
D. 4

我的答案:B正确答案:B
选择器名称错误,样式应当以分号分隔,颜色值如果是十六进制值要使用#号开头

8.关于文本对齐,源代码设置不正确的一项是:

A. 居中对齐:<div align="middle" > …</div>
B. 居中对齐:<;div align="left" > …</div>
C. 居中对齐:<;div align="right" > …</div>
D. 居中对齐:<;div align="justify" > …</div>

我的答案:A正确答案:A
align是对齐属性,其值可以是left(左对齐),center(居中对齐),right(右对齐),justify(两端对齐)

9.若要在网页中插入样式表main.css,以下用法正确的是:

A. <link src="main.css" type="text/css" rel="stylesheet">
B. <link href="main.css" type="text/css" rel="stylesheet">
C. <include href="main.css" type="text/css" rel="stylesheet">
D. <link href="main.css" type="text/css"

我的答案:C正确答案:B
href是文件所在位置
type="text/css"是指文件的类型是样式表文本。
rel="stylesheet"是指页面中使用这个外部的样式表

10.在HTML中,以下( )能够实现表格跨行合并?

A. colspan属性
B. rowspan标签
C. rowspan属性
D. colspan标签

我的答案:C正确答案:C
colspan属性实现表格跨列合并

11.在html文件中应用abc.css文件中的样式的方法有:

A. 
C. 
D. 

我的答案:A,D
style里面不用加 src

68.【单选】

从 HTTP 请求中,获得请求参数,应该调用( )。

A. session对象的 getAttribute() 方法
B. request 对象的 getParameter()方法
C. request 对象的 getAttribute() 方法
D. session对象的 getParameter()方法

我的答案:B

75.【单选】

在a标签中,跳转地址应该写在哪个属性里面:

A. target
B. src
C. href
D. address

我的答案:C

有以下JavaScript代码,如何访问 p 的原型()

 function Person(name) {
        this.name = name
    }
   let p = new Person('Jack')
A. p._proto_
B. p.proto
C. p.__proto__
D. p.constructor

我的答案:C

77.【单选】

以下代码表示的是HTML链接的哪种分类( )

<a href="#two">
A. 内部链接
B. 外部链接
C. 下载链接
D. 锚点链接

我的答案:D
带井号#的是锚点链接

81.【单选】

JavaScript 中运算符种类繁多,常用的运算符有赋值、逻辑、关系运算符,以下运算结果正确的是
1.

var a=0,b=0;
var c=a+++b;

a b c的值分别为:1 1 1
2.1 && "foo" || 0
表达式的值为:“foo”
3.1 || "foo" && 0
表达式的值为:“foo”
4. typeof 2+3
表达式的值为:"number”

A. 4
B. 3
C. 2
D. 1

我的答案:B 正确答案C
1 ……a=0 b=1 c=0
2 ……foo
3 ……1
4 ……number3

89.【单选】

下面哪一个是用来追加到指定元素的末尾的?( )

A. insertAfter()
B. after()
C. appendTo()
D. append()

我的答案:C

100.【单选】

有以下JavaScript代码,运行结果是( )

print()
    let print = function () {
        console.log('函数表达式');
     }
     run()
     function run() {
         console.log('函数声明');
     }
A. 控制台输出:函数表达式 (换行)函数声明
B. 控制台输出:函数声明
C. 代码报错
D. 控制台输出:函数表达式

我的答案:C
在这里插入图片描述
105.【单选】

在CSS中,属性( )可以设置盒子的圆角边框

A. circle
B. border
C. radius
D. border-radius

我的答案:D

107.【单选】

一下哪个状态码表示无权限访问:

A. 200
B. 304
C. 403
D. 404

我的答案:C

108.【单选】

下列关于CSS3多列布局说法正确的是( )

A. column-rule-style 的可选值与border-style是一样的
B. column-grap 用来设置列所占的宽度比例
C. column-rule-color 用来设置每列字体的颜色
D. column-span用来定义一个元素要跨越多少行

我的答案:A

116.【单选】

URL一般由四个部分组成,它们是:

A. 协议、、端口号、主机域名、资源文件名。
B. 资源文件名、协议、主机域名、端口号。
C. 协议、主机域名、端口号、资源文件名。
D. 主机域名、协议、端口号、资源文件名。

我的答案:C

125.【单选】

有以下代码:

DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>JavaScript Demotitle>
    <script>
        window.onload = function () {
            var ele = document.getElementById('content');
            ele.innerHTML = 'CSS';
        }
    script>
head>
    
<body>
    <div id="content">Javadiv>
 
    <script>
        var ele = document.getElementById('content');
        ele.innerHTML = 'JavaScript';
script>
body>
html>

页面最终显示的内容是()?

A. Java
B. JavaJavaScriptCSS
C. JavaScript
D. CSS 

我的答案:B 正确答案D
html,css,javascript学习笔记_第9张图片

126.【单选】

利用事件流模型实现事件代理(如同时给无序列表ul中所有li元素绑定事件),需要使用下面哪个方法( )

A. 事件抓取
B. 事件冒泡
C. 事件传递
D. 事件捕获

我的答案:B
129.【单选】

for (var i = 0; i < 4; i++) {
  setTimeout(function() {
    console.log(i);
  }, 300);
}

请问最后输出的数字顺序为:

A. 1,2,3,4
B. 3,3,3,3
C. 4,4,4,4
D. 0,1,2,3

我的答案:D 正确答案C
在这里插入图片描述

130.【单选】

关于HTTP请求参数,以下哪些说法正确()

A. 在POST请求方式下,HTTP请求参数位于HTTP请求的正文部分
B. 在一个HTTP请求中,只能包含一个HTTP请求参数
C. 在GET请求方式下,HTTP请求参数位于HTTP请求的正文部分
D. HTTP请求参数用来指定浏览器请求访问的HTML文件

我的答案:A

138.【单选】

var person = function () {
this.name = "JSON";
this.age = 25
}
person.prototype.getAge = function () { return this.age };
var person1 = new person();
var person2 = new person();

以下不正确的是:

A. person2.__proto__ == person.prototype
B. person1.__proto__.getAge!=person2.__proto__.getAge
C. person1.__proto__ == person.prototype
D. person1.__proto__ == person2.__proto__

我的答案:B

141.【单选】

有以下JavaScript代码,控制台输出的结果是()

var obj = {};
    var foo = function () {};
    Object.prototype.a = 'pro a';
    Function.prototype.b = 'pro b';
    console.log(obj.a, obj.b, foo.a, foo.b);
A. pro a undefined pro a undefined
B. pro a undefined pro a pro b
C. pro a undefined undefined pro b
D. pro a pro b pro a pro b

我的答案:B
在这里插入图片描述

144.【单选】

在HTML页面中,下列选项除了( )都属于鼠标相关事件。

A. onClick
B. onMouseOver
C. onMouseDown
D. onChange

我的答案:D

147.【单选】

有以下JavaScript代码,最终控制台输出的结果是( )

 var val = isNaN("1" + 3)
  console.log(val)
A. “13”
B. true
C. false
D. 4

我的答案:C

151.【单选】

以下哪个标签可以引入外部样式表:

A. 
B. 
B. 
C. 
D. 

我的答案:A,C正确答案:C,D

有以下JavaScript代码:

var engineer = {
name: ‘Chris’,
age:30,
work: function() {
console.log(‘programing…’);
}
}
1) console.log(engineer[name]);
2) console.log(engineer[1]);
3) console.log(engineer’work’);
4)console.log(engineer.work);

以上哪种访问方式是可以正常访问到engineer的成员?( )

A. 1)
B. 3)
C. 2)
D. 4)

我的答案:D正确答案:B

console.log(engineer.name);

console.log(engineer['age']);

console.log(engineer['work']());

console.log(engineer.work());

18.【单选】

以下关于JavaScript的理解,错误的是( )

A. JavaScript是一种基于对象的语言
B. JavaScript是一种不安全的语言
C. JavaScript是一种解释性执行的脚本语言
D. JavaScript是一种跨平台性脚本语言

我的答案:B正确答案:B

JavaScript是一种安全性的语言,它既不允许访问客户端的文件,也不允许在服务器端打开文件和保存信息。它只允许客户查看信息和实现同客户的交互。

23.【单选】

当使用多列布局的时候,我想把文本内容分割为3列,应该如何进行样式书写:

A. column-width:30px
B. column-gap:30px
C. column-count:3
D. column-span:3

我的答案:D正确答案:C

column-count用来规定分割为几列

1.【单选】

在jQuery中,既可绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件,又可以切换元素可见状态的方法是( )

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

我的答案:D正确答案:D

toggle是既可绑定两个或多个事件处理器函数,又可以切换元素可见状态的方法

4.【单选】

在BootStrap中,实现nav平铺整行, 应该加哪个类()

A. nav-left
B. nav-center
C. nav-right
D. nav-justified

我的答案:B正确答案:D

参考官方语法
5.【单选】

JQuery Ajax中$.get()方法共有几个参数()

A. url,data、callback,type
B. url、data、callback
C. url、data、callback、error
D. url、data、type 

我的答案:A正确答案:A

get方法语法为:$.get(url,data,callback,type),共4个参数。url为必须参数。

6.【单选】

Bootstrap3中,一个元素需要在打印时隐藏,使用的类是()

A. visible-print-inline
B. print-hidden
C. visible-print-block
D. hidden-print

我的答案:B正确答案:D

Bootstrap3中使用哪个类让一个区块居中?()

A. center
B. center-block
C. vertical-center
D. horizontal-center

我的答案:C正确答案:B

center-block是bootstrap的样式 .center-block,可以实现区块居中

10.【单选】

Bootstrap 插件全部依赖是( )

A. AngularJS
B. Node.JS
C. JQuery
D. JavaScript

我的答案:C正确答案:C

Bootstrap 插件全部依赖是JQuery

11.【单选】

Bootstrap中,模态框提供了哪些尺寸( )

A. modal-sm modal-md modal-lg
B. modal-sm modal-lg
C. modal-xs modal-sm modal-md modal-lg
D. modal-xs modal-sm 

我的答案:B正确答案:B

Bootstrap框架还为模态弹出窗提供了不同尺寸,一个是大尺寸样式“modal-lg”,另一个是小尺寸样式“modal-sm”。
15.【多选】

在bootstrap2中, 关于导航条,下列说法正确的是?()

A. 可以使用.pull-right和.pull-left来对齐导航条
B. 表单需要.navbar-form类
C. 响应式导航条应该将被包裹的元素放到.navbar-collapse、.collapse类中
D. 可以使用navbar-fixed-top和navbar-fixed-bottom来将导航条固定到顶部

我的答案:A,B正确答案:A,B,C,D

在 bootstrap2中, 关于导航条:

应该将被包裹的元素放到navbar-collapse类中

表单应该放置于navbar-form内

可以使用pull-left和pull-right来对齐导航条

可以使用navbar-fixed-top和navbar-fixed-bottom来将导航条固定到顶部或底部

17.【单选】

导航条在小屏幕会被折叠,实现显示和折叠功能的按钮需要加什么()

A. 折叠按钮加data-toggle='collapsed’, 折叠容器需要加collapsed类
B. 折叠按钮加data-spy='scroll’, 折叠容器需要加collapse类
C. 折叠按钮加data-toggle='collapse', 折叠容器需要加collapse类
D. 折叠按钮加data-toggle='scroll’, 折叠容器需要加collapse类

我的答案:C正确答案:C

可以参考官方的语法

怎样给所有的

标签添加背景颜色?( )
h1{}

JavaScript中,哪种方式可以定义对象( )?
var obj={};
JSON中用()来表示对象?
{}
JavaScript中,以下不属于location对象的方法的是()?
href

有关flex布局说法不正确的是( )
设为flex布局以后,子元素的float、clear和vertical=align属性将继续发挥

4.【单选】

下列哪项属性表示的音频播放结束后循环播放的( )

A. src
B. controls
C. autoplay
D. loop

我的答案:C正确答案:D

loop表示播放结束后重新播放

5.【单选】

HTML5关于localStorage 描述正确的是:( )

A. 创建可拖动的元素
B. 其他说法都不对
C. 长期存储数据,浏览器关闭后数据不丢失
D. 数据在浏览器关闭后自动删除

我的答案:D正确答案:C

sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。

JQuery的根据Id获取元素
$(“#id”)

层次选择器(父子、后代、兄弟、相邻)
11.【单选】

下面哪一个是JQuery的根据Id获取元素的写法()

A. (“#id”)
B. #(“id”)
C. $(“.id”)
D. $(“#id”) 

我的答案:D正确答案:D

13.【单选】

在JQuery中,使用下面哪个方法实现一个点击事件()

A. click()
B. blur()
C. focus()
D. dbClick(

我的答案:A正确答案:A

dbClick()双击事件;focus()获取焦点事件;blur()失去焦点事件。

14.【单选】
下面有关jquery事件的响应,描述错误的是()

A. onload 是某个页面的css js html 文档结构和图像被完全加载
B. onmousedown 某个鼠标按键被按下
C. onfocus 元素失去焦点
D. onclick 鼠标点击某个对象

我的答案:C正确答案:C
onfocus 获得焦点 onblur 失去焦点

16.【多选】

下列哪些是正确的bootstrap3辅助类( )

A. text-success
B. text-warning
C. text-muted
D. text-info

我的答案:C,A,D,B正确答案:A,B,C,D

.text-muted:文字的颜色换成灰色

.text-primary:文字的颜色变成蓝色

.text-success:文字的颜色变成绿色

.text-info:文字的颜色变成暗蓝色

.text-warning:文字颜色变成暗黄色

.text-danger:文字的颜色变成红色

21.【单选】

在Ajax中,哪个属性可以用来获取当前Ajax的状态码:

A. state
B. responseXML
C. readyState
D. responseText

我的答案:A正确答案:C

readyState是状态,state是HTTP的返回码

22.【单选】

HTML页面有一个div,那个选项可以让div向右移动250px,透明度变为60%()

A. $(“div”).animate({ left:‘250px’, opacity:‘0.6’ });

B. $(“div”).animate({ right:‘-250px’, alpha:‘0.6’ });

C. $(“div”).animate({ right:‘250px’, opacity:‘60%’ });

C. $(“div”).animate({ left:‘250px’, alpha:‘60%’ });

A. B
B. D
C. A
D. C

我的答案:D正确答案:C

在position为relative情况下,想要让元素向右移动可以将元素left设置为250px或者将元素right设置为-250px;

通过opacity修改透明度,没有alpha属性,并且opacity属性值没有百分数类型

26.【单选】

HTML 代码:

<p>one</p><div><p>two</p></div><p>three</p>

jQuery 代码:
$(“div > p”);

选择结果为:( )

A. [

one

] B. [

three

] C. [

two

] D. [

two

]

我的答案:C正确答案:C

获取div的直接子元素中的p元素

27.【多选】

下 面 ( )不 是 XMLHttpRequest对象的方法名。(选两项)

A. responseText
B. open
C. readyState
D. send

我的答案:C,A,B,D正确答案:A,C

readyState与responseText是对象的属性

27.【单选】

在网站的商品目录展示时,我们需要对不同的商品分别选择进行不同的操作。

下面就是一个网站的商品展示部分代码

  • 佳能(12367)
  • 索尼(12367)
  • 三星(12367)
  • 尼康(12367)
  • 松下(12367)
  • 卡西欧(12367)
  • 富士(57866)
  • 柯达(57866)
  • 宾得(57866)
  • 理光(57866)
  • 奥林巴斯(57866)
  • 明基(57866)
  • 爱国者(57866)
  • 其他品牌相机(57866)

下面对选择以上商品代码解释不正确的是 ()

A、

$(“ul li:gt(6):not(:last)”);

解释:从第7个至结束除最后一个外所有的li元素

B、

$(“.category ul li:first”)

解释:选择第1个li元素

C、

$(“.category ul li:nth-child(8)”)

解释:选择第8个li元素

D、
$(“.category ul li”).eq(5)
解释:选择第5个li元素

A. B
B. C
C. A
D. D

我的答案:D正确答案:D

8.【单选】

如果你不需要bootstrap模态框弹出时的动画效果(淡入淡出效果)怎样实现( )

A. 去掉 .active 类即可
B. 删掉 .fade 类即可
C. 去掉 .in 类即可
D. 添加删掉 .fade 类即可

我的答案:B正确答案:B

删掉 .fade 类,即可清除淡入淡出效果

6.【单选】

在JQuery中,下面使用动画方法正确的是哪个()

A. $(“div”).animate(left:50px);
B. $(“div”).animate({top:40px});
C. $(“div”).animate(top:200);
D. $(“div”).animate({left:200});

我的答案:B正确答案:D

animate方法添加CSS属性时,必须是对象形式,并且如果是加px形式,则css对应的属性值需要加引号。例如:$(“div”).animate({top:’40px’})

2.【单选】

在jQuery中可以用哪个方法为元素添加事件:

A. onEvent
B. addEvent
C. in
D. on

我的答案:D正确答案:D

on可以为元素添加事件

9.【单选】
下面哪一种不是jQuery的选择器()

A. 后代选择器
B. 进一步选择器
C. 类选择器
D. 基本选择器

我的答案:B正确答案:B
1、标签选择器: $(“div”) 2、类选择器: $(“.class”) 3、ID选择器: KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id") 4、所有选择器:(“*”) 5、层叠选择器:$(“#id div”) 6、筛选器: KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id:first") 7、表单…(“:text”)

4.【单选】
与document.getElementById(“myHeader”)具有同样效果的jQuery选择器是()

A. $("myHeader")
B. $(".myHeader")
C. $("#myHeader")
D. 其他均不正确

我的答案:C正确答案:C
document.getElementById("my

5.【单选】
有以下代码 function A() { this.do=function() {return ‘foo’;}; } A.prototype=function() { this.do=function() {return ‘bar’}; }; var x=new A().do(); x 的值是:

A. foo
B. 报错
C. bar
D. undefined

我的答案:A正确答案:A
实例中的指针仅仅指向原型,而不指向构造函数,所以即使原型重写后得到的值也是原来的foo

13.【单选】

以下JavaScript代码,控制台输出的结果是()

    var num1 = 10,num2 = 20, num3 = 30;
    result = 0;
    function getSum() {
        var result = num1 + num2 + num3;
    }
    getSum();
    console.log(result);


A. 以上都不对
B. 60
C. 代码报错
D. 0

我的答案:D正确答案:D

以上代码,我们在全局作用域中定义了变量 result,而又在函数内通过var声明了result,此时函数内的result为局部变量,与函数外的全局变量不相关,因此在函数外输出的result的值仍为0。

14.【多选】
下列关于鼠标的相关事件说法错误的是()

A. onmousemove:鼠标从某元素移开。
B. onmousedown:鼠标按钮被按下。
C. onmouseover:鼠标移到某元素之上。
D. onmouseout:鼠标被移动。

我的答案:C,D正确答案:A,D
onmouseout:鼠标从某元素移开。onmousemove:鼠标被移动。

28.【单选】

有语句“var x=0;while( ) x+=2;”,要使while循环体执行10次,空白处的循环判定式应写为:

A. x<20
B. x<=20
C. x<=10
D. x<10

我的答案:正确答案:A

x加2,所以要执行10次,应该是x*2,且x一开始是0,所以应该是小于20

27.【多选】

在Javascript中,对于浏览器对象的层次关系理解正确的是( )(选择二项)

A. window对象是所有页面内容的根对象
B. location对象包含history
C. document对象包含location对象和history对象
D. document对象包含form对象

我的答案:正确答案:A,D

window对象是所有页面内容的根对象,html元素对象存在于document中

26.【单选】

var a = 2 , b = 3;
var obj = {
a:1,
b:2,
fn1:function(){
return this.a + this.b;
}
}
obj.fn1();

求函数返回值:

A. 5
B. 1
C. 7
D. 3

我的答案:正确答案:D

25.【单选】

在HTML页面中包含一个按钮控件mybutton,如果要实现点击该按钮时调用已定义的Javascript函数compute,要编写的HTML代码是( )

A、

B、

C、

D、

A. D
B. A
C. C
D. B

我的答案:A正确答案:A

onClick为点击事件

24.【单选】

关于 AJAX的使用,理解错误的是()

A. 可以不使用Javascript脚本
B. 减轻服务器的负担
C. 可以调用外部资源
D. 无需刷新更新整个页面

我的答案:C正确答案:A

AJAX 是异步的JavaScript和XML,因此当然是需要通过 JavaScript 脚本来完成异步请求和页面的刷新。

23.【单选】

下列关于JavaScript中函数的理解正确的是( )

A. 必须指定函数的返回值类型
B. 以上都不对
C. 必须指定函数参数的数据类型
D. 函数必须有返回值 

我的答案:B正确答案:B

函数不一定非要返回值以及既定的参数数据类型

14.【多选】
下列关于鼠标的相关事件说法错误的是()

A. onmousemove:鼠标从某元素移开。
B. onmousedown:鼠标按钮被按下。
C. onmouseover:鼠标移到某元素之上。
D. onmouseout:鼠标被移动。

我的答案:C,D正确答案:A,D
onmouseout:鼠标从某元素移开。onmousemove:鼠标被移动。
13.【单选】

以下JavaScript代码,控制台输出的结果是()

var num1 = 10,num2 = 20, num3 = 30;
result = 0;
function getSum() {
    var result = num1 + num2 + num3;
}
getSum();
console.log(result);
A. 以上都不对
B. 60
C. 代码报错
D. 0

我的答案:D正确答案:D

以上代码,我们在全局作用域中定义了变量 result,而又在函数内通过var声明了result,此时函数内的result为局部变量,与函数外的全局变量不相关,因此在函数外输出的result的值仍为0。

5.【单选】有以下代码

function A() {
  this.do=function() {return ‘foo’;}; } A.prototype=function() {
   this.do=function() {return ‘bar’}; }; 
   var x=new A().do();
x 的值是:

A. foo
B. 报错
C. bar
D. undefined

我的答案:A正确答案:A
实例中的指针仅仅指向原型,而不指向构造函数,所以即使原型重写后得到的值也是原来的foo

下面哪一个是用来追加到指定元素的末尾的?( )

A. insertAfter()
B. after()
C. appendTo()
D. append()

我的答案:B正确答案:C

appendTo是添加到末尾

7.【单选】

JavaScript中,想要打开一个名为: “personal”,地址为“https://www.test.com/personal”的新窗口(选项中使用url代替),以下哪个选项正确( )?

A. open.window("url ", "personal")
B. window.open("url ", "personal")
C. window.go("url ", "personal")
D. open.new("url", "personal")

我的答案:B正确答案:B

通过 window.open() 方法来创建打开新窗口。

13.【单选】

有以下JavaScript代码,结果是( )

var num = 10;
function count(num) {
num *= 3;
}
count(1);
console.log(num);

A. 10
B. 报错
C. 3
D. 30

我的答案:A正确答案:A

在函数外部定义的 num是全局变量,而形式参数 num 是局部变量,与外部定义的重名了,那么在函数内容访问时会默认为是局部的形式参数,所以修改的都是参数 num 的值,而全局变量 num的值始终都没变动。所以仍然为 10。

24.【单选】

var obj = {
fn1:function(){
console.log(this);
}
}
var fn = obj.fn1;
fn();

求此时this指向的是:

A. fn1
B. obj
C. fn
D. window

我的答案:D正确答案:D

方法中的this指向的调用该方法的调用者,在全局环境中为window

8.【单选】

JavaScript中,删除数组元素,无法通过以下哪个方法实现()

A. pop
B. push
C. splice
D. shift

我的答案:A正确答案:B

push是向数组末尾追加元素,无法删除元素

9.【单选】
JavaScript语言有很多特点,下列说法错误的是()

A. JavaScript一般用来编写客户端脚本
B. JavaScript不能向HTML页面添加交互行为
C. JavaScript是一种解释性语言,边执行边解释。
D. JavaScript是脚本语言,语法和JAVA类似。

我的答案:B正确答案:B
JavaScript可以向HTML页面添加交互行为,其他的说法也都是正确的。

20.【单选】

var sum = 0;
for (var i = 0; i < 10; i++) {
if (i == 5) break;
sum += 1;
}

求sum的值:

A. 5
B. 7
C. 6
D. 4

我的答案:A正确答案:A

等于5时,会跳出循环,因此执行了5次sum +1;

6.【单选】
要运用CSS3动画,你需要运用什么规则()

A. keyframes
B. flash
C. transition
D. animation

我的答案:A正确答案:A
要运用css3动画,需要运用@keyframes规则和animation属性

7.【单选】

有一个id为demo的div元素,下列哪一个是id选择器的正确写法( )

A. demo{}
B. #demo()
C. div{}
D. #div{}

我的答案:B正确答案:B

id选择器的写法是#id名称{}。

8.【单选】

下列关于CSS3的圆角边框的说法中,错误的是( )

A. border-radius 属性中,如果省略 bottom-right,则与 top-left 相同
B. 如果border-radius只有一个值,代表水平和垂直的半径都相等
C. border-radius后面四个值,分别对应左上、左下、右下、右上的设置
D. border-radius 属性中,如果省略 bottom-left,则与 top-right 相同

我的答案:B正确答案:C

四个值是按照top-left、top-right、bottom-right、bottom-left的顺序来设置;

9.【单选】

CSS3定义了哪两种类型的渐变( )

  1. 上下渐变 2. 线性渐变 3. 对角渐变 4. 径向渐变

    A. 1和2
    B. 3和4
    C. 1和3
    D. 2和4

我的答案:D正确答案:D

CSS3 定义了两种类型的渐变,分别是:线性渐变(Linear Gradients)与径向渐变(Radial Gradients);

16.【单选】

下列关于CSS转换说法错误的是( )

A. rotate用来设置旋转的角度
B. CSS3的转换可以对盒子进行移动、缩放等操作
C. 语法是translate:方法
D. scale用于设置缩放

我的答案:B正确答案:C

CSS转换的语法是:transform:方法;

23.【单选】
CSS边框样式属性使用的是()

A. 其他均不正确
B. border-width
C. border-color
D. border-style

我的答案:D正确答案:D
border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。

24.【单选】

关于哪项不属于CSS盒模的属性( )

A. width
B. length
C. margin
D. padding

我的答案:B正确答案:B

盒子中:margin padding border width height

25.【单选】

在CSS中,关于CSS样式说法错误的是( )

A. CSS代码不区分大小写
B. 每条样式规则使用分号(;)隔开
C. CSS样式实现了内容与样式的分离,利于团队开发
D. CSS样式无法实现页面的精确控制

我的答案:D正确答案:A

CSS代码对大小写敏感,是区分大小写的

30.【单选】

下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线正确的定义是:( )

语句一:

p{text-decoration:0.5em;letter-spacing:underline;vertical-align:top;text-align: left; }

语句二:

p{text-decoration:left;letter-spacing:top;vertical-align:0.5em;text-align:underline; }

语句三:

p{text-decoration:underline;letter-spacing:0.5em;vertical-align:top;text-align: left; }

语句四:

p{text-decoration:underline;letter-spacing:0.5em;vertical-align:left;text-align: top; }

A. 语句三
B. 语句四
C. 语句一
D. 语句二

我的答案:A正确答案:A

text-decoration:underline;letter-spacing:0.5em;vertical-align:top;text-align: left;

19.【单选】
下列哪条CSS样式规则是不正确的( )

A. img{float:right;right:30;}
B. img{float:left;margin:20px;}
C. img{float:left;margin-bottom:2em;}
D. img{float:right;width:120px;height:80px;}

我的答案:A正确答案:A
img{float:right;right:30;}这样使用样式是错误的。

下列不属于CSS背景属性正确的是( )

A. bgcolor
B. background-color
C. background
D. background-attachment

我的答案:C正确答案:A

background用于设置背景,它是一个复合属性,background-color用于设置背景颜色,background-attachment用于设置背景图像是否固定或者随着页面的其余部分滚动。

25.【单选】

以下哪个标签可以引入外部样式表:

A.