2021-05-18

一、什么是HTML，HTML怎么作用法，HTML具体能做什么？

HTML是超文本标签语言（Hyper Text Markup Labguage）,标准用过标记语言下的一个应用。HTML不是编程语言，而是一种标记语言（markup language）,是自作网页的首选。

HTML 超文本编程语言定于：超文本标记语言是标准 用标记语言下的一个应用，也是个一种规范，一种标准。它通过标记符号来标记要，本次用的软件是vs 全称Visual Studio 2015。

本次要展示的案例是javaScript的委派

1、这时候我们在已经创建好的 html 文件中的 body 内部 写入一个无序列表 并给这个无序列表的 ul 标签加个 id 为 ul1 并在 body 最底部添加 script 标签用来写入我们需要 js。

 

   2、委派的定义：将事件统一绑定给元素的共同的祖先元素这样当后代元素上的事件触发时会一直冒泡到祖先 元素从而通过祖先元素的响应函数来处理事件好处利用了冒泡，通过委派可以减少事件绑定的次数提高程 序的性能。 经过委派的定义我们可以得知 通过父元素绑定事件委派然后由子元素去的触发从而到达委派的效果 所以 我们需要获取 li 上面的 ul 标签作为委派的绑定对象 这里创建一个变量 a 获取 ul 标签 由于此次中我们将用点击的方式去展示委派的效果 所以要给获取到的 ul 标签的变量 a 绑定一个点击事件 并给这个点击事件传入一个 event 的参数

3、target 的定义 事件属性可返回事件的目标节点（触发该事件的节点） 因为是绑定 li 标签的父元素 我们需要判断点击事件是不是被 li 标签触发 所以给这个传入的参数 event 这 个变量赋一个 event.target 的值 然后写一个 if 的判断语句来判断是否为 li 标签触发此点击事件 tagName 是获取元素的标签名

 

 

4、由于 event 是获取到触发他的元素所以我们可以直接给 event 写入效果 从而到达改变 li 标签

5、这就是最后的效果图。