DOM事件、HTTP协议类、原型链、js面向对象、通信

最新推荐文章于 2022-09-20 17:29:26 发布

snow_small

最新推荐文章于 2022-09-20 17:29:26 发布

阅读量532

点赞数

分类专栏：前端漫漫路文章标签： js对象 DOM事件原型链 HTTP协议类

本文链接：https://blog.csdn.net/snow_small/article/details/79501505

版权

本文深入探讨JavaScript中的DOM事件模型，包括捕获和冒泡，事件流以及事件对象的使用。接着讲解HTTP协议的特点、报文结构以及HTTP方法。然后，介绍了原型链的概念、对象创建和原型链的关系。接着，讨论了JavaScript面向对象编程，包括类的声明、继承方式及其优化。最后，讨论了同源策略、跨域通信的多种方式，如JSONP、CORS和WebSocket等。

摘要由CSDN通过智能技术生成

一、DOM事件模型：捕获和冒泡

1、级别

（1）DOM0：onclick事件

（2）DOM2：addEventListener事件，注册事件

（3）DOM3：鼠标事件、键盘事件

2、事件流：1、事件通过捕获到达目标元素2、目标阶段3、目标元素在上传到window对象（冒泡）

事件捕获的具体过程:

window对象接收事件->document->html（document.documentElement）->body(document.body)->…..一直传递直到目标元素

事件冒泡的具体过程:

目标元素-> … -> body -> html -> document -> window

3、event对象

preventDefault：阻止默认行为比如a，不连接

stopPropagation：阻止事件冒泡

stopImmediatePropagation：阻止其他绑定事件的执行（不会冒泡且该元素有其他事件都不会执行）

currentTarget：当前发生事件的元素（父级绑定事件，==父级的）

target：触发事件的节点（父级绑定事件，子节点触发）

4、自定义事件

<div id="ev">自定义事件</div>

	<script type="text/javascript">
		var ev = document.querySelector('#ev');   

		var eve = new Event('test');          // 注册
		ev.addEventListener('test', function() {     // 绑定
			console.log('eve event');
		});

		setTimeout(function() {
			ev.dispatchEvent(eve);           // 触发
		}, 1000);
	</script>

二、HTTP协议类

1、HTTP协议特点：无连接、无状态、简单快速、灵活

2、报文组成：请求报文（请求行（方法、地址、版本、协议）、请求头（key-value值）、空行、请求体）+响应报文（状态行、响应头、空行、响应体）

3、方法&#x