笔试笔记（9）

以下所有内容均来自做牛客网题目的错题整理，解析均来自牛客网用户。

1、HTML5 提供两种新对象，通过 javascript API 来存储本地数据，这两种对象是（）。

localStorage和sessionStorage

Web Storage分类   
Web Storage实际上由两部分组成：sessionStorage与localStorage。  
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。  
localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 

2、

3、请选择产生粗体字的 HTML 标签：C

html语言中加粗的标签有和,或者使用css设置｛font-weight:bold｝

4、 从四个选项选出不同的一个。C

链接：https://www.nowcoder.com/questionTerminal/9f617c319a5a44268ffac44f2580fbf5
来源：牛客网

标签定义导航链接的部分。

标签定义 section 或 document 的页脚。
标签位于文档的头部，不包含任何内容。
标签的属性定义了与文档相关联的名称/值对。标签定义图形，比如图表和其他图像。

位于head中，其他位于body。其他为h5新增标签。

5、下列不属于bootstrap3的标签是 B

• row

• row-fluid

• col-md-*

• form-group

链接： https://www.nowcoder.com/questionTerminal/00764ffe5e2d473e9bb6747220b2a2f4
来源：牛客网

应该是考2和3的差异性

v3 沒有分 fluid 和 non-fluid ，所以移除了  .container-fluid 和  .row-fluid 兩個大框架容器，所有都是 fluid。

例如做 nesting column 時，大的 grid 裡面某一塊要包小 grid ，v2.x 裡面一層得寫 .row-fluid，才能在小區塊內使用12欄 grid；但 v3 只要 .row > .row > .row…… 一層層包下去就行了。

6、放在HTML里的哪一部分JavaScripts会在页面加载的时候被执行？D

• 文件头部位置

• 文件尾

• 标签部分

• 标签部分

在HTML body部分中的JavaScripts会在页面加载的时候被执行。  

在HTML head部分中的JavaScripts会在被调用的时候才执行。

head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证脚本在任何调用之前被加载。

body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。

7、链接： https://www.nowcoder.com/questionTerminal/9ebe2bb02f314c57a372e14c228db425
来源：牛客网

以下对form表单中input元素的readonly与disabled属性描述正确的是？（ ）D

• Readonly为真时，脚本无法修改input的值

• Disabled为真时，脚本无法修改input的值

• Readonly为真时，input的值不会随着表单提交

• Disabled为真时，input的值不会随着表单提交

链接：https://www.nowcoder.com/questionTerminal/9ebe2bb02f314c57a372e14c228db425
来源：牛客网

 disabled指当 input 元素加载时禁用此元素。input内容不会随着表单提交

readonly规定输入字段为只读。input内容会随着表单提交。

无论设置readonly还是disabled，通过js脚本都能更改input的value

8、链接： https://www.nowcoder.com/questionTerminal/8e8f5c7e61fd4d70958475c86c3c62a0
来源：牛客网

以下代码符合html5规范的是 B

label标签只有两个属性

for（ 规定 label 绑定到哪个表单元素。 ）

form（规定 label 字段所属的一个或多个表单）

对于B，H5不要求遵循XHTML，但建议遵循。所以没有闭合标签也行。

9、链接： https://www.nowcoder.com/questionTerminal/0cf1bd7a345b4ceeba9885d648f7543c
来源：牛客网

下列关于比较Ajax与Flash的优缺点，相关描述正确的是？ABCD

• Ajax的优势在意在于开放性，易用性及易于开发

• Flash的优势在于多媒体处理，可以更容易的调用浏览器以外的外部资源

• Ajax最主要的批评就是它可能破坏浏览器的后退功能

• flash 文件经常会很大，用户第一次使用的时候需要忍耐较长的等待时间

10、链接： https://www.nowcoder.com/questionTerminal/84b9175eef9841cc9571bfc6fa25dd74
来源：牛客网

在页面中添加样式的方式有 ACD

• 内联式：即直接加在标签上的样式  如:
  

• 导入样式：@import url("css/style.css")

• 嵌入式：即用标签括起来写在页面中的样式

• 外部引用式：即将样式单独放到一个文件夹中，然后用link标签引入页面的形式，如：

B是在CSS文件中导入的样式。

11、

下列属于HTML5新元素的是____。ABCD

• header

• footer

• section

• nav

• viewport

E是meta的属性。

12、链接： https://www.nowcoder.com/questionTerminal/15125d84b35e44c8b31f3159842b86cf
来源：牛客网

下列关于btn标签的说法正确的是 ABCD

• btn-group能将按钮组成按钮组

• btn-toolbar能将btn做成复杂组件

• btn-group可以嵌套使用

• 可以使用btn-group-lg，btn-group-sm来调整按钮大小

13、 关于栅格系统，以下说法正确的是 ACD

• 会有自动的padding样式

• 会有自动的margin样式

• 其字体默认为14px

• 其box-sizing默认为border-box

AB：栅格系统的工作原理中有，为了创建列（colume）之间的间隔 需要设置padding,而且需要设置margin为负值，消除第一个和最后一个之间padding的影响。而padding是自动设置的，margin需要手动修改；
C：bootstrap将全局的font-size设置为14px;

D:    box-sizing初始为border-box。

14、下列哪些是块级元素（）BCDEF

• input

• ul

• hr

• li

• div

• form

15、 可继承的样式属性包括（）AC

• color

• background-color

• font-size

• border

• margin

答案应该是AC css中，边框，盒子模型，背景属性属于不可继承属性 字体，文本样式属性属于可继承属性