xss的DOMPurify过滤框架：一个循环问题以及两个循环问题

Miracle_ze

已于 2022-08-02 16:56:52 修改

阅读量1.3k

点赞数 1

文章标签： xss 前端 javascript

于 2022-08-02 02:38:45 首次发布

本文链接：https://blog.csdn.net/Miracle_ze/article/details/126108692

版权

本文深入探讨了在使用DOMPurify进行XSS防御时遇到的一个循环问题和两个循环问题，分析了问题的原因，并提出了相应的解决策略，包括在循环中删除无用数据和避免进入循环，以防止恶意代码执行。

摘要由CSDN通过智能技术生成

一个循环循环题目：要实现弹窗

一、代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 
</body>
<script>

    // http://127.0.0.1/domfilter/demo6.html#<img src=1 οnerrοr=alert(1)>
    const data = decodeURIComponent(location.hash.substr(1));
    const root = document.createElement('div');
    root.innerHTML = data;

    // 这里模拟了XSS过滤的过程，方法是移除所有属性
    for (let el of root.querySelectorAll('*')) {
     
        for (let attr of el.attributes) {
     
            el.removeAttribute(attr.name);
        }
    }
    document.body.appendChild(root); 
</script>
</html>

二、代码分析

截取#后面的值

  const data = decodeURIComponent(location.hash.substr(1));

创建一个div

   const root = document.createElement('div');

将data数据用innerHTML赋值给root【innerHTML不执行script】

 root.innerHTML = data;

这root同div，而querySelecto

最低0.47元/天解锁文章