介绍
jsdom 是一个基于 Node.js 的 JavaScript 实现的 HTML5 DOM 模型，它允许在 Node.js 环境下操作 DOM。通过 jsdom，我们可以在服务器端使用类似于浏览器环境的 API，比如 DOM 操作，事件处理等。这使得我们能够方便地进行一些前端相关的测试和数据抓取工作。
安装
首先，你需要安装 Node.js 环境。然后，你可以通过 npm 来安装 jsdom：
npm install jsdom
使用
基本用法
假设我们要在 Node.js 中解析一个简单的 HTML 文档：
-- -------------------- ---- ------- ----- ----- - ----------------- ----- - ----- - - ------ ----- ---- - - --------- ----- ------ ------ --------- ----------- ------- ------- -- ----- --- - --- ------------ -----------------------------------------------------------------
输出结果为：
Hello World!
上述代码中，我们首先引入了 jsdom 模块，并使用 JSDOM 类构建了一个 DOM 对象。然后，我们就可以在 DOM 对象上调用各种方法，比如查询元素、修改文本内容等。
加载外部样式和脚本
如果你的 HTML 文档中包含外部样式和脚本，你也可以使用 jsdom 来加载它们。例如，我们可以在上面的例子中添加一个外部样式表：
-- -------------------- ---- ------- ----- ----- - ----------------- ----- - ----- - - ------ ----- ---- - - --------- ----- ------ ------ ----- ---------------- ----------------- ------- ------ --------- ----------- ------- ------------------------- ------- ------- -- ----- --- - --- ----------- - ---------- --------- ----------- -------------- ---
这里，我们在构造函数的第二个参数中添加了两个选项。resources 选项用于指定加载外部资源的方式，它有以下几种取值：
"usable"：默认值，表示在文档载入完成之后，jsdom 会自动加载所有的<script>和<link>标签所引用的外部资源。"usable"：表示仅当调用dom.reconfigure()方法时才会加载外部资源。null：表示不加载外部资源。
runScripts 选项用于指定是否执行页面中包含的脚本。它有以下两个取值：
"dangerously"：默认值，表示不受任何限制地执行脚本。true：表示执行脚本，但是会限制一些操作，比如跳转页面、弹出对话框等。
模拟事件
如果你需要模拟用户在浏览器中的操作，比如单击链接、提交表单等，你也可以使用 jsdom 来模拟这些事件。例如，我们可以在上面的例子中添加一个链接，并模拟单击它：
-- -------------------- ---- -------
----- ----- - -----------------
----- - ----- - - ------
----- ---- - -
--------- -----
------
------
--------- -----------
-- -------- --------------- ------
--------
--------------------------------------------------------- --------------- -
----------------- -----------
-----------------------
---
---------
-------
-------
--
----- --- - --- ----------- -
---------- ---------
----------- --------------
---
---------------------------------------------------输出结果为：
Link clicked!
上述代码中，我们首先在 HTML 文档中添加了一个链接，并在其上绑定了一个点击事件。然后，我们在创建 DOM 对象后，调用了链接的 `click
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40585