请描述下XSS是如何攻击的？"XSS（Cross-Site Scripting）是一种常见的网络安全攻击方式，攻击者通

"XSS（Cross-Site Scripting）是一种常见的网络安全攻击方式，攻击者通过注入恶意脚本代码来实现对用户的攻击。XSS 攻击主要分为三种类型：存储型 XSS、反射型 XSS 和 DOM 型 XSS。

存储型 XSS 攻击是将恶意脚本代码存储到服务器上，当用户访问包含该恶意脚本的页面时，恶意脚本会被执行。攻击者通常通过表单提交、评论、留言等方式将恶意脚本保存到服务器上。当其他用户访问包含恶意脚本的页面时，恶意脚本会在用户的浏览器中执行，从而导致攻击。

反射型 XSS 攻击是将恶意脚本代码作为 URL 参数或者表单提交的参数，然后服务器将恶意脚本代码返回给用户的浏览器，浏览器执行恶意脚本代码。攻击者通常通过诱导用户点击包含恶意脚本的链接或者通过发送包含恶意脚本的邮件来实施攻击。当用户点击包含恶意脚本的链接时，恶意脚本会被执行，从而导致攻击。

DOM 型 XSS 攻击是通过修改页面的 DOM 结构来实施攻击。攻击者通常构造一个包含恶意脚本的 URL，然后诱导用户点击该 URL。当用户点击包含恶意脚本的 URL 时，恶意脚本会被执行，从而导致攻击。

防范 XSS 攻击的关键是对用户输入进行合理的过滤和转义。在前端开发中，我们可以使用一些安全编码的技术来预防 XSS 攻击，比如：

对用户输入进行合理的验证和过滤，只允许特定类型的输入。
对用户输入的特殊字符进行转义，比如将 < 转义为 <，将 > 转义为 >。
使用安全的 HTML 标签和属性，比如使用 textContent 替代 innerHTML。
设置 HTTP 响应头中的 Content-Security-Policy（CSP）来限制页面中可以执行的脚本来源。

以下是一个简单的示例，演示如何对用户输入进行合理的过滤和转义：

function sanitizeInput(input) {
  // 过滤掉特殊字符
  const sanitizedInput = input.replace(/</g, '&lt;').replace(/>/g, '&gt;');
  // 返回转义后的安全输入
  return sanitizedInput;
}

// 用户输入
const userInput = '<script>alert(\"XSS攻击\");</script>';

// 过滤和转义用户输入
const sanitizedInput = sanitizeInput(userInput);

// 输出转义后的安全输入
console.log(sanitizedInput);

在上面的示例中，我们定义了一个 sanitizeInput 函数，用于过滤和转义用户输入。用户输入的特殊字符 < 和 > 被转义为 < 和 >，从而避免了恶意脚本的执行。

总之，XSS 攻击是一种常见的网络安全威胁，通过注入恶意脚本代码来实现对用户的攻击。防范 XSS 攻击的关键在于对用户输入进行合理的过滤和转义，以及使用安全的编码技术。"