IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> HTML与DOM理解 -> 正文阅读

[JavaScript知识库]HTML与DOM理解

前言

? 项目需要使用vue,于是打算学习一下,在浏览vue教学文档时候看到了DOM这个词,在学习JS时候DOM一直没搞太明白,突然间看到了DOM就查了查。觉得挺有意思的,结合自己的理解记录下来。
?在查询DOM时候,看到一堆解释,感觉想要理解需要一定的知识量,门槛比较高。于是我在浏览信息时,看到每个描述中都有HTML字样,我就想从HTML入手,然后我就产生了这样的想法…

正文

?HTML被称为超文本标记语言,我特意查了查为什么叫超文本,超本文是指可以链接到外部,我理解就是点击页面中某一个地方时,跳转到了另外一个页面中。

?我觉得如果按照HTML字面描述,不应该将其称之为页面,而是因该将每个页面称之为一个文本。那么什么是文本,电脑中最简单的记录文字东西叫记事本,在没有word之前就只有记事本这个东西,而记事本保存的文件的格式为txt有时候又要它文本文档格式。

?这时候我觉得和HTML有点联系了,一个叫超文本标记语言一个保存下来后叫本文文档。那么HTML去掉超就成了文本标记语言,这个会不是记事本所使用的?标记就是标记一块内容嘛,记事本虽然简单但是还是有加粗等功能的,用一个标记标明哪些地方加粗,文本到哪里结束。

?后来不满足现有加粗、斜体、字号等简单功能,还希望能往文本中添加视频、图片、还希望能排版,可以在本文内点击跳到另一个文本。于是增加个更多的标记,增加标记后肯定不能和原来名字一样了,然后就在文本之前加个超,我觉得就是说我更强。什么是标记?标记就是指记号,在读书时用什么▲表示重点文字什么的,小学都干过。比如在我的规则中制定??之间的文字是代表加租显示。在HTML中的标记也是一个道理。

?那么上述中说到,标记我可以自己随便加,但是自己加的只能自己看懂,别人要看怎么办呢?于是乎有一群人制定标记使用的一套规范,大家按规范去标记文档别人也能看懂,比如规定标记<p></p>之间的内容为一个段落。那么用着个<p>去标记大家都知道这是一段文档。

?现在问题来了如果通篇就是标记,那么…我们怎么专注的看内容,难道在大脑中将标签翻译成对应的加粗、斜体什么的吗?那么为什么没有说用记事本打开,让记事本翻译排版呢。原因很简单呀,那就是大哥小弟做不到呀。于是乎出现了一个帮我们可以将标记自动排版的软件,该加粗加粗,该空行空行。这个软件被成为浏览器。

?随着发展不满足于单纯的浏览,还希望在浏览时候可以点击放大图片,播放视频等等操作,这时候加入操作了!这时候问题又来了,我应该操作什么呢?这时候就不用说复杂了,浏览器将这个页面打包成你方便操作的东西,这个东西简写是DOM,中文名文档对象模型,这名字我觉得挺形象的。

?就像厨师将面粉等通过加工给你做好面包,让你切现成的面包一样。那么…这个面包做成什么样子让你切?这就是接下来遇见的问题。浏览器可不是一个呀,你可以做一个浏览器我可以做一个浏览器,所以生成的DOM多种多样,DOM多了操作就出问题了呀!同样的操作在每一个浏览器中都有不同,那我不是疯了吗,在这个里面是打开图片,在另一个里面打开视频的,于是乎又一群人出现,制定了DOM因该做成什么样子,这样在每一个浏览器中同样操作展现东西是相同的。

?实际上dom就是浏览器html打包成一个对象,供使用者操作。为了方便使用者,制定了一系列的使用规范。让使用者在使用时候,不会受到浏览器不同二带来的干扰。

?有感而写,有写描述不当,只为了理解。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-27 11:46:11  更:2021-08-27 11:46:27 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 13:20:00-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码