2021-10-18 HTML复习总结

我同桌总结！！！

HTML的基本结构？

HTML是超文本标记语言，基本结构：

①文档声明（用来声明HTML文档所遵循的HTML规范和版本）

②根标签（用来包裹所有的网页内容）

③头部分（用来存放HTML文档的基本属性信息，网页的标题，文档使用的编码）

④体部分（用来存放可视化的网页内容）

Form表单的作用是什么，如何实现？

用于向服务器提交数据，

通过表单向服务器提交数据，

通过超链接向服务器提交数据

Form标签的常用属性有什么，作用是什么？

action表单的提交地址

method表单提交的方式

input文本输入框

select定义下拉选框

option下拉选框中的内容

textarea多文本输入区域

什么是分区标签？常用的分区元素有哪些？作用是什么？

分区标签可以对多个有相关性的标签进行统一管理

div块级分区元素，独占一行，可以设置宽和高，如果不设置，宽就填满父级元素，高由内容决定

p块级分区元素，独占一行，用于包裹一段文本，可以设置宽和高

span行内分区元素，共占一行，不能设置宽和高

CSS引入方式有几种？分别是什么？

3种，

外部样式用<link href=“”>标签引入，引入外部的css文件设置样式

行内样式用<style>标签引入，给所有的分区标签设置相同的样式

内部样式用<style>标签引入，给单个分区标签设置样式

常见的CSS选择器有哪些？是否存在优先级？

1、标签名选择2、类选择器3、id选择器4、属性选择器5、后代选择器6、分组选择器7、任意元素选择器8、伪类选择器

什么是盒子模型？

盒子模型=外边距+边框+内边距+宽高

JavaScript和java的区别？

1. JS是一门直译式的语言，边解释边执行，没有编译过程，JAVA是有编译过程的语言
2. JS是一门基于对象的语言，有对象但是没有概念，JAVA是一门面向对象语言
3. JS是一门弱类型的语言，JAVA是一门强类型语言

JavaScript数组声明方式？

1. 字面量声明  例如：let arr=[];
2. 内置的构造函数声明  例如：let arr=new Array（）；

Java数组与JavaScript数组的区别？

(1)java数组声明后长度不可变,js数组声明后长度可以任意改变

(2)java数组只能存储同类型数据，js数组可以存储任意类型的数据

Function函数的三种声明方式？

1. 函数声明：function 方法名（参数）{要执行的代码}
2. 函数表达式：方法名=function（参数）{要执行的代码}
3. Function构造器：方法名=function（“参数1”，“参数2”，“要执行的代码”）

分别描述HTML、CSS、JS在页面组成中的作用？

HTML是超文本标记语言，是用来描述网页的语言，定义网页的结构，内容可以包含文字、图片、视频等。

CSS是层叠样式表，定义如何显示HTML元素，比如，标题字体、颜色变化，或为标题加入背景图片、边框等。用来描述网页，美化网页。

JavaScript是一种脚本语言，将文本格式的字符代码发送给浏览器，由浏览器解释运行。

js代码的书写方式(即js的引入方式)？

三种：

1. 内联引入：直接在标签的事件属性中添加js代码，事件触发则执行。

onclick 单击事件属性的属性值：alert（） /əˈlɜːt /

1. 内部引入：直接在script标签中添加js代码
2. 外部引入：通过script标签的src属性指定引入的js文件的路径

js中的变量类型？

1. 基本数据类型

string字符串,可以用单引号也可以用双引号

number数字，可以带小数点，也可以不带小数点

js中的数字都是浮点数，但是在显示的时候都会自动转成整数

boolean布尔，两个值true false

null空 可以将变量的值设置为空来清空变量

Symbol表示一种新的原始数据类型，表示独一无二的值

2、引用类型

Array数组

Object对象

Function函数

js声明变量有几种方式？有什么区别？

var全局变量

let局部变量

const常量  声明后需要赋值，一旦赋值不可修改

如何定义js对象？如果获取对象的属性值？如何调用对象的方法？

1. 使用大括号定义js对象，大括号内的值用键值对表示，用：隔开，多个值用，隔开。对象属性：名称：值。 对象方法：名称：值。
2. 使用js关键字new来创建对象，new Object()；。

对象名.属性名。 对象名.方法名。

什么是文档就绪事件？怎么实现？有什么作用？

当js获取元素时，内部引入js无法获取元素内容，需要文档就绪事件来解决;浏览器加载整个页面后立即执行，这样获取任何元素都可以获取到。window.οnlοad=function（）{}

常见的js弹框方式有哪些？

有三种：

1、alert警告框 只有一个确认选项，只有确认选项后在能进行下一步。

1. confirm确认/取消框 有两个选项确认和取消，确认返回true，取消返回false

3、prompt包含输入框 参数：1个参数时是指定提示消息，2个参数时是第二个参数是指定消息默认值。返回值：输入内容点击确认返回的是String类型的字符串，不输入内容返回的是空字符串。点击取消返回null，类型是Object。

什么是NaN？什么时候会出现？怎么避免？

NaN是Not a Number 不是一个数字。当规定输入框的内容是一个文本的时候，要求输入数字时，则需要用NaN判断输入内容是否合法。用if语句判断isNaN（内容），如果不是一个数字返回true，提示输入有误，相反返回false。

==和===的区别？

==比较时先统一两个值的类型再比较值，所以只要两个值相同，则返回true

===比较时先比较两个值的类型在比较两个值，所以只有类型相同，值相同，返回才能是true。

ready和load的区别？

jQuery里的ready函数是在html内的所有标签都加载完之后才执行。

javaScript里的load事件等所有内容都加载完，包括外部引入的都加载完之后才执行。

Js获取元素中间的文本内容？

innerText/innerHTML

1. 直接调用属性可以获取元素对象中的内容

2赋值可以修改元素对象中的内容：

 innerText是写入普通文本，没有解析过程，写入innerHTML是写入html代码，会解析成html执行

Js获取页面上的元素对象？

1. 通过id属性值获取元素，返回单个值。

document.getElementById();

1. 通过class属性值获取元素，返回数组。

doument.getElementsByClassName();

1. 通过name属性值获取元素，返回数组。

doument.getElementsByName();