DOM系列：浏览器与DOM

作者：大漠 日期：2018-05-17 点击：2159
JavaScript
DOM
DOM系列
会员专栏

特别声明：小站对部分原创文章已开启付费阅读，并开通年费VIP通道，年费价格为 ¥365.00元。如果您喜欢小站的内容，可以点击开通会员进行全站阅读。如果您对付费阅读有任何建议或想法，欢迎发送邮件至: airenliao@gmail.com!(^_^)

最近回过头来在学习JavaScript中的DOM知识，随着学习进度的向前推移，越发感觉DOM知识点较多。为了能更好的系统了解清楚DOM相关的知识，我打算重新将DOM的学习划入到DOM系列当中。那么今天将是这个系列的第一篇。你将了解到DOM是什么，为什么它有用，以及如何与将来在教程中所做的一切联系起来。

JavaScript的API

在JavaScript语言的核心功能上提供的应用程序编程接口，简称API的功能会提供额外的超能力给我们使用。API是已经建立好的一套代码组件，目的是让开发者可以实现除此之外很难甚至不可能实现的程序。它们的作用就像是已经制作好的家具套件对家居建设的作用一样 —— 从一堆已经切好的木板开始组装一个书柜，显然比自己设计，寻找合适的木材，裁切至合适的大小和形状，找到合适大小的螺丝钉，然后组装成一个书柜要简单得多。

JavaScript的API通常分成两个类：

而我们这个时候只关注浏览器API。

浏览器API已经安装在浏览网页的浏览器中，而且能够从周围的计算机环境中揭露数据，或者做有用的复杂事情。比如我们要学习的DOM。它就是浏览器API中的文档对象模型API，允许你操作HTML和CSS，创建、移除和修改HTML，动态地应用新的样式到Web页面等等。

什么是HTML，CSS和JavaScript

在我们开始真正学习DOM之前，让我们快速地看看一些你可能已经知道的东西。

首先，在HTML文档中放入的内容是围绕HTML、CSS和JavaScript进行的。我们将这三者视为平等的合作伙伴，将在你的浏览器中建立你所看到的：

HTML、CSS和JavaScript三者都扮演着重要的角色，每个角色扮演的角色都非常不同。

  • HTML是一种标记语言，用来结构化我们的网页内容和赋予内容含义，例如定义段落、标题、和数据表,或在页面中嵌入图片和视频。
  • CSS 是一种样式规则语言，我们将样式应用于我们的 HTML 内容， 例如设置背景颜色和字体，在多个列种布局我们的内容。
  • JavaScript 是一种编程语言，允许你创建动态更新的内容，控制多媒体，图像动画，和一些其他的东西。好吧，虽然不是一切，但是它的神奇之处是你能够用几行JavaScript代码就能实现。

HTML定义了结构

HTML定义了页面的结构，通常包含了你所看到的内容：

<!DOCTYPE html>
<html>
    <head>
        <meta content="DOM, JavaScript, W3cplus" name="keywords">
        <meta content="DOM系列，浏览器和DOM!" name="description">
        <title>LOL! Sea Otter! Little Kid!</title>
        <link href="style.css" rel="stylesheet"/>
    </head>

    <body>
        <div id="container">
            <img src="w3cplus_logo
剩余80%内容付费后可查看
* 请输入阅读码（忘记阅读码？）

如需转载，烦请注明出处：https://www.w3cplus.com/javascript/browser-and-the-dom.html

如果文章中有不对之处，烦请各位大神拍正。如果你觉得这篇文章对你有所帮助，打个赏，让我有更大的动力去创作。(^_^)。看完了？还不过瘾？点击向作者提问！

赏杯咖啡，鼓励他创作更多优质内容！
返回顶部