编辑“︁JavaScript DOM安全”︁（章节）

=== 1. 跨站脚本攻击（XSS） ===
XSS攻击通过注入恶意脚本到网页中执行。DOM型XSS是其中一种类型，攻击者利用客户端脚本动态修改DOM。

'''示例：'''
<syntaxhighlight lang="javascript">
// 不安全的DOM操作
const userInput = document.getElementById('userInput').value;
document.getElementById('output').innerHTML = userInput; // 直接插入未转义的用户输入
</syntaxhighlight>

'''攻击场景：'''
如果用户输入为 `<script>alert('XSS')</script>`，脚本将被执行。

'''防范措施：'''
* 使用 `textContent` 代替 `innerHTML` 避免HTML解析：
  <syntaxhighlight lang="javascript">
  document.getElementById('output').textContent = userInput; // 安全
  </syntaxhighlight>
* 使用DOM API（如 `document.createElement`）动态创建元素。
* 对用户输入进行转义（如使用DOMPurify库）。