前端4-8-1:Doctype、display、visibility、opacity、全局属性、事件与方法

1、下面有关html Doctype的描述,说法错误的是?

A、它的责任就是告诉浏览器文档使用哪种html或者xhtml规范

B、不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析

C、不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言。

D、如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启严格模式

【解析】

D:Doctype不存在或错误,浏览器默认 混杂模式

【知识点:Doctype】

  • DOCTYPE文档类型的声明,就是告诉浏览器使用哪种规范来解释这个文档中的规范。
  • 如果没有它,浏览器会使用怪异模式 DOCTYPE声明必须在HTML文档的第一行,位于<html>标签之前 所有的浏览器都有两种模式:怪异模式和严格模式(也有人叫标准模式)。
  • IE 6 for Windows/mac, Mozilla, Safari和Opera 都实现了这两种模式,但是IE 6以下版本永远定在了怪异模式。
  • 关于HTML:严格模式、混杂模式、怪异模式 的 区别以及Doctype的作用。详情请点击查阅

2、把鼠标移到按钮并点击时,会产生一串什么样的事件?

A、active hover focus

B、foucs hover active

C、hover active foucus

D、hover focus active

【知识点】

  • hover -> focus -> active
  • 悬停 -> 聚焦 -> 响应

3、下列说法错误的是()

A、设置display:none后的元素只会导致浏览器的重排而不会重绘

B、设置visibility:hidde后的元素只会导致浏览器重绘而不会重排

C、设置元素opacity:0之后,也可以触发点击事件

D、visibility:hidden的元素无法触发其点击事件

【知识点:display、visibilityopacity】

  • display:none指的是元素完全不陈列出来,不占据空间,涉及到了DOM结构,故产生reflow与repaint
  • visibility:hidden指的是元素不可见但存在,保留空间,不影响结构,故只产生repaint,但不可触发绑定事件
  • opacity=0:指的是元素不可见但存在,保留空间,不影响结构,并且,如果该元素已经绑定一些事件,如click事件,那么点击该区域,也能触发点击事件的

详见CSS:display、visibility、opacity 的详解 与比较


4、以下是Video/Audio中会触发的事件的有?

A、load

B、play

C、seeked

D、abort

【知识点】

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

 

上一篇:Web前端学习过程中有哪些常见错误


下一篇:2021-01-05