JavaScript基础学习（1）

最新推荐文章于 2024-10-30 19:10:39 发布

码上言

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量545

点赞数 14

分类专栏： JavaScript零基础学习文章标签： javascript 学习

本文链接：https://blog.csdn.net/m0_37779600/article/details/138187422

版权

JavaScript零基础学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

⭐ 作者简介：码上言

⭐ 代表教程：Spring Boot + vue-element 开发个人博客项目实战教程

⭐专栏内容：个人博客系统

⭐我的文档网站：http://xyhwh-nav.cn/

⭐微信公众号：码上言

文章目录

- JavaScript实现

JavaScript实现

JavaScript的实现涵盖了三个核心组成部分：首先是ECMAScript标准定义的核心语法及语言特性；其次，文档对象模型（DOM）用于处理网页内容，提供了一种与HTML和XML文档交互的方法；最后，浏览器对象模型（BOM）则主要涉及与浏览器窗口进行交互的能力，包括控制浏览器窗口、获取浏览器信息等功能。

1.ECMAScript

ECMAScript，作为由ECMA-262标准所精确界定的语言规范，其本身并不绑定于任何特定的运行环境，而Web浏览器仅是众多可能承载该规范实现的宿主环境之一。这门语言的核心并未内置诸如输入/输出这样的机制，而是依赖于宿主环境提供基础实现以及与该环境交互所需的扩展接口。

宿主环境如Web浏览器不仅实现了ECMAScript的基本语言结构，还通过扩展机制补充了与环境紧密相关的额外功能。例如，文档对象模型（DOM）就是基于ECMAScript核心数据类型和语法构建的一个扩展层，它专为与网页内容交互设计。另外，诸如Node.js这样的服务器端JavaScript平台也是ECMAScript的另一种宿主环境，它们同样扩展了ECMAScript核心，赋予其访问系统资源和进行服务器端编程的能力。

从根本上来说，ECMAScript规范详尽地定义了这门语言的基础构造块，包括但不限于：语法结构、数据类型、语句种类、关键字列表、保留字、运算符集合以及全局对象体系。

2. DOM

文档对象模型（Document Object Model, DOM）实质上是一个通用的应用编程接口，它不仅适用于HTML，也同样适用于扩展的XML文本文档结构。DOM的关键作用在于将整个HTML或XML文档抽象表达为一系列相互关联的节点层级结构，其中每个页面组件（如元素、属性、文本等）都被封装成一个具有特定类型和数据的节点。

通过构建一棵表示文档结构的树形模型，DOM赋予开发者强大的能力，能够灵活地操纵网页的内容和布局。利用DOM API，开发人员可以轻而易举地执行诸如删除、插入、替换和修改节点等各种操作，从而实现在不刷新页面的情况下动态更新页面的内容和样式表现。

值得注意的是，尽管JavaScript是最常见的与DOM交互的语言，但实际上DOM API并不仅限于此，它还可以通过其他多种编程语言进行访问和操作，广泛应用于各种支持web开发的技术栈中。

3. BOM

使用浏览器对象模型（BOM），开发者能够驾驭那些超越HTML页面显示本身的浏览器功能。独特但也颇具挑战性的是，BOM起初并没有统一的标准规范，它的诸多功能是由各个浏览器厂商自行实现的。然而，随着HTML5标准的发布，这一状况得到了显著改善。HTML5以官方标准的形式囊括了大量原本属于BOM范围内的功能，从而为跨浏览器兼容性问题带来了标准化的解决方案。

总体来看，BOM主要关注浏览器窗口及其嵌套的子窗口（frames）的管理与交互，同时，许多与浏览器环境密切相关的扩展功能也被宽泛地视为BOM的一部分。这些扩展功能包括但不限于：

弹出新浏览器窗口的能力
移动、缩放和关闭浏览器窗口的能力
navigator对象，提供关于浏览器的详尽信息
location对象，提供浏览器加载页面的详尽信息
screen对象，提供关于用户屏幕分辨率的详尽信息
performance对象，提供浏览器内存占用、导航行为和时间统计的详尽信息
对cookie的支持
其他自定义对象，如XMLHttpRequest和IE的ActiveXObject。

这些BOM对象和功能极大地丰富了JavaScript在浏览器环境下的应用范围，并且随着标准化进程的推进，它们在现代浏览器中变得更加可靠和易于使用。