菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 胡宇林12.6 [打印本页]

作者: ther12 时间: 2022-12-6 19:33
标题: 胡宇林12.6

设计模式&DOM&BOM

设计模式

什么是设计模式

设计模式就是程序员针对特定的问题，给出的简洁而优化的处理方案。设计模式只在特定的情况，特定的实际，针对特定的问题使用。

常用的设计模式

单例模式：只允许存在一个实例模式。

组合模式：把若干个启动方式一样的构造函数放在一起，准备一个总开关，总开关一启动，那么这些构造函数就启动了。

观察者模式：又称为发布订阅者模式，经典案例：事件监听。

代理模式：proxy，为其他对象提供一中代理以控制这个对象的访问，为了不暴露执行对象的部分代码。

工厂模式：工厂函数就是做一个对象创建的封装，并将创建的对象return出去。

策略模式：定义一系列的算法，把他们一个一个的防撞起来，并且使他们可以相互替换，从而避免很多if语句。

DOM和BOM

相关概念

DOM文档对象模型：是一个是程序和脚本能够动态的的访问和更新文档的内容、结构以及样式，并独立于平台和语言接口。

BOM浏览器对象模型：是JavaScript有能力与浏览器进行对话。

API：应用程序编程的接口，就是给程序员提供的一种工具，以便可以更轻松的实现某种功能。

WebAPI:是浏览器提供的一套浏览器功能和页面元素的API。

DOM，DOM树结构分析

DOM分为分为三部分：

1.核心DOM：用于XML和HTML的共用接口（操作节点树，创建，删除，查找等）

2.XMLDOM：XML专用接口，其实就是DOM进行增强，加入一些适用于自己的接口

3.HTMLDOM：HTML专用接口，其实就是DOM进行增强，加入一些适用于自己的接口H

DOM树：HTML节点树

HTML文档是一种树状的结构化文档，各个标签之间是一种树状的层次结构

节点：

整个文档就是文档节点——document

每一个HTML标签都是一个元素节点——element

标签中的文字是文本节点（回车，空格也是文本节点）——text

标签的属性就是属性节点——Attribute

所有的一切都是节点——Node

获取标签对象的主要方式

1.获取HTML元素

getELementById（）：在文档中查找指定的ID节点，如果找到则返回该节点

getElementsByTagName（）：在文档中查找指定的标签名的对象的集合

getElementsByClassName（）：获取类名集合

getElementsByName（）：获取属性名集合

documen.querySelector(选择器):符合要求的第一个节点

documen.querySelectorAll(选择器):符合要求的所有节点

操作标签的内容

文本标签内容

innerHTML

innerText

textContent

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)