为什么不推荐使用正则表达式解析HTML
在javascript中，当需要从html内容中提取特定信息，例如脚本标签的src属性时，许多开发者首先会想到使用正则表达式。然而，html是一种上下文无关的语言，其结构复杂且允许嵌套，这使得使用正则表达式进行可靠的解析变得极其困难且容易出错。例如，一个简单的
使用DOM解析器提取脚本src属性
JavaScript提供了强大的DOM（文档对象模型）解析能力，无论是处理独立的HTML字符串还是当前浏览器环境中的DOM，都能以结构化的方式进行操作。
1. 解析HTML字符串并提取src
当你的HTML内容是一个字符串时，可以使用DOMParser API将其转换为一个可操作的DOM文档。这个方法在Node.js环境（通过第三方库如jsdom）或浏览器环境中都适用。
核心步骤：
- 创建一个DOMParser实例。
- 使用parseFromString()方法将HTML字符串解析为Document对象。
- 使用querySelectorAll()方法选择所有带有src属性的
- 遍历选中的元素，提取其src属性值。
示例代码：
立即学习“Java免费学习笔记（深入）”；
// 待解析的HTML字符串 const html_code = `其他内容
`; // 1. 创建DOMParser实例 const parser = new DOMParser(); // 2. 将HTML字符串解析为Document对象 const html_doc = parser.parseFromString(html_code, 'text/html'); // 3. 使用querySelectorAll选择所有带有src属性的
2. 在浏览器环境中直接提取src
如果你的目标是当前浏览器页面中已存在的DOM结构，则无需使用DOMParser。可以直接通过document对象来查询元素。
示例代码：
立即学习“Java免费学习笔记（深入）”；
// 假设这是在浏览器控制台或页面脚本中运行
// 它会查找当前文档中所有带有src属性的
