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

分手后的思念是犯贱 2022-11-17 05:30 400阅读 0赞

**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：严格模式、混杂模式、怪异模式 的 区别][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、visibility**、**opacity】**

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

详见[CSS：display、visibility、opacity 的详解 与比较][CSS_display_visibility_opacity _]

--------------------

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

A、load

B、play

C、seeked

D、abort

**【知识点】**

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

[HTML_ _]: https://mp.csdn.net/editor/html/115531105
[CSS_display_visibility_opacity _]: https://mp.csdn.net/editor/html/115531804