HTML笔试 前端基础知识易错题知识点

以下哪项不能提高dom元素操作效率：
正确答案: D处理列表子元素的点击事件时，使用事件代理
插入大量DOM元素时，使用innerHTML替代逐个构建元素
使用DocumentFragment替代多次appendChild操作
使用addEventListener替代 onxxx(比如onclick) 进行事件绑定
解答：

事件代理是根据事件冒泡原理，使用事件代理可以减少注册事件,节省内存
 测试后发现innerHTML比creaetElement效率要高~至于为什么....没有深究~
使用DocumentFragment替代多次appendChild操作 // 将元素放入代码片段中一次插入比你创建一个插入一个效率肯定要高的多
使用addEventListener替代 onxxx(比如onclick) 进行事件绑定 // 使用addEventListener监听事件不会被覆盖，而on会覆盖上一个事件

以下代码中,为class为test的div对象设置红色背景的正确js代码为( )

正确答案: B 你的答案: B (正确)
document.getElementsByClassName(“test”).style.backgroundColor=“red”;
document.getElementsByClassName(“test”)[0].style.backgroundColor=“red”;
document.getElementsByClassName(“test”)[0].style.background-color=“red”;
document.getElementsByClassName(“test”).style.background-color=“red”;
解答：

在js里面添加的属性名使用驼峰法，在css里面使用连接线 除了id和query 其他返回的都是节点列表

关于 HTML5 中的地理定位 api，下列哪个选项是正确的？

正确答案: D 你的答案: D (正确)
A、HTML5 地理定位 API 允许您与您喜爱的 web 站点共享您的位置

B、利用 javascript 可以捕获你的纬度和经度，并可以发送到后端 Web 服务器，做一些奇特的位置感知的事情，比如找到本地企业或在地图上显示你的位置

C、如今，大多数浏览器和移动设备都支持地理定位 API

D、以上都是

解答：

地理定位是HTML5中新增的API特性，它允许JavaScript程序向浏览器询问用户真实的地理位置。
识别地理位置的一些应用就可以使用它来显示地图、导航和其它一些与用户当前位置有关的信息。
 Geolocation API存在于navigator对象中，只包含3个方法：
 1、getCurrentPosition //当前位置。
 2、watchPosition //监视位置。
 3、clearWatch //清除监视
 ```HTML5 地理定位 API 允许您与您喜爱的 web 站点共享您的位置
一个 javascript 可以捕获你的纬度和经度，并可以发送到后端 Web 服务器，做一些奇特的位置感知的事情，
比如找到本地企业或在地图上显示你的位置
如今，大多数浏览器和移动设备都支持地理定位 API

HTML5 没有删除哪个元素？

正确答案: C
strike
center
small
big
解答：

权当温习下知识点，只要记住以下删除的标签：

<acronym>：被标记的首字母缩略词
<applet>：一个嵌入的 Java applet；即能够解析java的class文件的一个东东
<basefont>：该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。参考：https://www.w3school.com.cn/tags/tag_basefont.asp
<big>：让文本比常规的字体大一号
<center>：水平居中
<dir>：文本方向为从右向左的段落：<bdo dir="rtl">文本方向从右到左!</bdo>
<font>：规定文本的尺寸、字体和颜色
<frame>：<frameset>元素被用来组织一个或者多个<frame> 元素
<frameset>：HTML5 不支持<frameset>标签
<noframes>：noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。参考：https://www.w3school.com.cn/tags/tag_noframes.asp
<strike>：<strike>标签可定义加删除线文本定义。参考：https://www.w3school.com.cn/tags/tag_strike.asp
<tt>：<tt>标签呈现类似打字机或者等宽的文本效果。参考：https://www.w3school.com.cn/tags/tag_tt.asp
参考：https://jingyan.baidu.com/article/19192ad8c6ced1e53e57072d.html

哪种输入类型用于定义周和年控件（无时区）？

正确答案: B
date
week
year
解答;

date 选取日、月、年 month 选取月和年 week 选取周和年 time 选取时间（小时和分钟）

属于HTML5标签语意化的元素有 ()
正确答案: A D 你的答案: A D (正确)
article、footer
block
section、banner
header、nav
解答：

html5手册语义化标签：
article
section
aside
hgroup
header
footer
nav
time
mark
figure
figcaption
contextmenu+menu
banner不是语义化标签

需要创建一个多选框，且和文本关联起来（单击文本就像单击核选框一样）。下列 HTML 代码中，正确的是？（）
正确答案: A D 你的答案: A D (正确)

<label><input type="checkbox" />记住我</label>
<input type="checkbox" /><label for="checkbox">记住我</label>
<input type="checkbox" id="c1" /><label>记住我</label>
<input type="checkbox" id="c1" /><label for="c1">记住我</label

解答：

1、用label包住可以 使label 与表单元素绑定；
2、laber的for 属性规定 label 与哪个表单元素绑定；

下列哪些元素在浏览器默认样式下会加粗文本？
正确答案: A D
h1
caption
em
th
解答：

正确答案：A D
A：<h1> - <h6> 标签表示 HTML 标题，默认加粗
B：<caption> 标签表示表格标题，标题一般被居中表格之上，但不加粗文本
C：<em> 标签表示强调内容，显示为斜体，但不加粗文本
D：<th> 标签表示表格的表头，默认加粗文本

以下是Video/Audio中会触发的事件的有？
正确答案: B C D 你的答案: A B (错误)
load
play
seeked
abort
解答：

方法：load() play() pause()
事件：play() playing() pause() seeked() seeking() abort()当音频/视频的加载已放弃时触发