XSS 的三种类型及区别

阿贾克斯的黎明

于 2024-10-10 22:10:46 发布

阅读量2.8k

点赞数 26

分类专栏：前端文章标签： xss 网络前端

本文链接：https://blog.csdn.net/m0_57836225/article/details/142833490

版权

前端专栏收录该内容

510 篇文章

订阅专栏

XSS 的三种类型及区别

一、反射型 XSS（非持久型 / 参数型）

二、存储型 XSS（持久型）

三、DOM 型 XSS

四、三种类型的区别

在网络安全领域，XSS（跨站脚本攻击）是一种常见的安全漏洞。本文将介绍 XSS 的三种类型，包括反射型、存储型和 DOM 型，并分析它们之间的区别。

一、反射型 XSS（非持久型 / 参数型）

定义：反射型 XSS 也被称为非持久型或参数型跨站脚本攻击。其恶意代码并没有保存在目标网站，而是通过诱导用户点击一个包含恶意链接的 URL 来实施攻击。
案例：
- 发送一个恶意链接给别人，当别人点击该链接访问目标网站时，会出现弹窗。例如：“我这边有这样的一个链接，把这个链接发给别人，别人访问一下就会有一个弹窗。”
- 在网页上输入一段 JS 脚本代码并提交，会有一个弹窗，但这一次执行完后就没有了。例如：“我们在这边输入一个随便输入一个东西，然后输入一段 JS 脚本，提交哎它会有一个弹窗，这一次执行完后就没有了，所以也叫做非持久型。”
处理方式：由后端进行处理。
恶意代码存储位置：恶意代码存在 URL 里。

以下是一个反射型 XSS 的示例代码：

<!DOCTYPE html>
<html>

<body>
  <a href="http://example.com/?param=<script>alert('反射型 XSS')</script>">点击我</a>
</body>

</html>

二、存储型 XSS（持久型）

定义：存储型 XSS 也被称为持久型跨站脚本攻击。其恶意代码会存储在目标网站的服务器端，比如数据库或特定的文件中。
案例：在留言区输入恶意代码，这些代码会存储在服务器端的文档（如 message.txt）中。当有人访问该页面时，就会加载恶意代码并执行弹窗。例如：“在我们的一个留言区留言，它会存在我们的一个服务器端，在我这里呢就是写了一个文档，它这边会存在这个 message.txt 里面，只要有人访问到了这样的一个页面的时候，它就会加载我们的恶意恶意代码，就会执行这样的一个弹窗，所以它是一个持久型的。”
处理方式：由后端进行处理。
恶意代码存储位置：存在服务器端。

以下是一个存储型 XSS 的示例代码：

<!DOCTYPE html>
<html>

<body>
  <form action="submit_comment.php" method="post">
    <textarea name="comment"></textarea>
    <input type="submit" value="提交">
  </form>
</body>

</html>

假设提交的评论被直接存储到数据库中，并且在显示评论时没有进行适当的过滤和转义，那么当其他用户访问包含该评论的页面时，就可能触发存储型 XSS 攻击。

三、DOM 型 XSS

定义：DOM 型 XSS 是通过修改网页的 DOM 节点形成的 XSS 攻击。所有的处理都是通过前端来进行的，前端可以直接修改 DOM 节点。
案例：在输入框中输入 “AAA” 和一段 JavaScript 脚本代码并提交，不会出现弹窗。而要在 URL 上输入回车才能触发弹窗。例如：“我们在这边输入一个 AAA，他就是一个 name AAA，在这里同样的输入一串 JavaScript 脚本代码提交诶，发现它并不会给我们进行一个弹窗，而我们的 DOM 型它是要在这边，在 URL 上输入回车，它就能够进行一个弹窗。”
处理方式：由前端浏览器完成。
恶意代码存储位置和执行位置：取出和执行恶意代码都是由前端的浏览器完成的，属于前端 JavaScript 自身的安全漏洞。

以下是一个 DOM 型 XSS 的示例代码：

<!DOCTYPE html>
<html>

<body>
  <input type="text" id="inputField">
  <button onclick="processInput()">提交</button>
  <script>
    function processInput() {
      var inputValue = document.getElementById('inputField').value;
      // 如果没有对输入进行适当的过滤和转义，就可能导致 DOM 型 XSS
      document.write(inputValue);
    }
  </script>
</body>

</html>

四、三种类型的区别

处理位置：
- 反射型和存储型 XSS 的恶意代码是经过后端脚本语言处理的，由后端进行处理。
- DOM 型 XSS 是通过前端浏览器进行处理的。
恶意代码存储位置：
- 反射型 XSS 的恶意代码存在 URL 里。
- 存储型 XSS 的恶意代码存在服务器端。
- DOM 型 XSS 的取出和执行恶意代码都是由前端的浏览器完成的。

总之，了解 XSS 的不同类型及其区别对于网络安全至关重要。开发人员应采取适当的安全措施，如输入验证、输出编码和安全的开发实践，以防止 XSS 攻击。